Skip to content

Instantly share code, notes, and snippets.

@jiguang
jiguang / html5-copy-image.html
Created November 22, 2012 11:33
html5 粘贴图像
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body onpaste="pasteHandle(event);" style="height:100vh;">
请在这里粘贴
%box{
display: box;
display: -ms-box;
display: -webkit-box;
display: flex;
display: -ms-flexbox;
display: -webkit-flex;
function isSupportFixed() {
var userAgent = window.navigator.userAgent,
ios = userAgent.match(/(iPad|iPhone|iPod)\s+OS\s([\d_\.]+)/),
ios5below = ios && ios[2] && (parseInt(ios[2].replace(/_/g, '.'), 10) < 5),
operaMini = /Opera Mini/i.test(userAgent),
body = document.body,
div, isFixed;
div = document.createElement('div');
div.style.cssText = 'display:none;position:fixed;z-index:100;';
<div class="floor floor_pic">
<div class="inner">
<a href="" target="_blank">
<img src="http://tacs.oa.com/img.php?242*214" />
</a>
<a href="" target="_blank">
<img src="http://tacs.oa.com/img.php?242*214" />
</a>
<a href="" target="_blank">
<img src="http://tacs.oa.com/img.php?242*214" />
@jiguang
jiguang / random_color.html
Last active December 25, 2015 06:19
随机颜色,可控制深浅
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<style type="text/css">
h1{font: bold 14px/1.5em \5FAE\8F6F\96C5\9ED1; color: #333;}
button{cursor: pointer;}
#opt{ margin-bottom: 15px;}
#opt label, #opt input{font: 12px/20px arial;}
#opt input{width: 40px; padding: 0 2px;}
@jiguang
jiguang / image_align.html
Created September 23, 2013 08:55
图片居中
.box {
/*非IE的主流浏览器识别的垂直居中的方法*/
display: table-cell;
vertical-align:middle;
/*设置水平居中*/
text-align:center;
/* 针对IE的Hack */
*display: block;
@jiguang
jiguang / cn2py.js
Created August 21, 2013 09:07
cn2py
(function(){
var pyindex=["a","ai","an","ang","ao","ba","bai","ban","bang","bao","bei","ben","beng","bi","bian","biao","bie","bin","bing","bo","bu","ca","cai","can","cang","cao","ce","ceng","cha","chai","chan","chang","chao","che","chen","cheng","chi","chong","chou","chu","chuai","chuan","chuang","chui","chun","chuo","ci","cong","cou","cu","cuan","cui","cun","cuo","da","dai","dan","dang","dao","de","deng","di","dian","diao","die","ding","diu","dong","dou","du","duan","dui","dun","duo","e","en","er","fa","fan","fang","fei","fen","feng","fo","fou","fu","ga","gai","gan","gang","gao","ge","gei","gen","geng","gong","gou","gu","gua","guai","guan","guang","gui","gun","guo","ha","hai","han","hang","hao","he","hei","hen","heng","hong","hou","hu","hua","huai","huan","huang","hui","hun","huo","ji","jia","jian","jiang","jiao","jie","jin","jing","jiong","jiu","ju","juan","jue","jun","ka","kai","kan","kang","kao","ke","ken","keng","kong","kou","ku","kua","kuai","kuan","kuang","kui","kun","kuo","la","lai","lan","lang","
@jiguang
jiguang / Parallax.js
Created August 6, 2013 06:33
parallax
;
/**
* Class for making 3D parallax using CSS transform
* @author Tomáš Růžička <tomasruzicka@abdoc.net>
* @version 1.0
*/
var Parallax = function(opt)
{
this.$container = null;
this.$layers = $();
/*
//////////////////////////////////////////////////
CLOUD
//////////////////////////////////////////////////
*/
#clouds {
padding:100px 0px;
background:#c9dbe9;
background:-webkit-linear-gradient(top, #c9dbe9 0%, #fff 100%);
background:-linear-gradient(top, #c9dbe9 0%, #fff 100%);
_background:url($VAR0$) no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='$VAR0$',sizingMethod='crop');$END$