原文: http://www.ruanyifeng.com/blog/2012/12/asynchronou…
不静之心
总是乐于收藏和分享，有助于个人成长
分类：前端
CSS3 Flexbox 属性可视化指南
CSS3 Flexbox 属性可视化指南 http://www.yyyweb.com/4606.html Fl…
CSS伪类元素 ：after ：before
CSS伪类元素 ：after ：before https://my.oschina.net/u/2991733…
各种浏览器全屏模式的方法、属性和事件介绍
各种浏览器全屏模式的方法、属性和事件介绍 http://www.webhek.com/fullscreen 浏…
js 判断是手机访问，还是pc访问
js 判断是手机访问，还是pc访问 https://my.oschina.net/u/3046924/blog…
css伪类选择器
css伪类选择器 https://my.oschina.net/shuinian/blog/783831 我们…
Bootstrap日期和时间
Bootstrap日期和时间 http://www.bootcss.com/p/bootstrap-datet…
九个Console命令，让 JS 调试更简单
九个Console命令，让 JS 调试更简单 https://my.oschina.net/agileai/b…
HTML5 播放器内核 Flv.js
HTML5 播放器内核 Flv.js https://www.oschina.net/p/flv-js 官方:…
一个jQuery或zepto的图片延迟加载插件
一个jQuery或zepto的图片延迟加载插件 https://github.com/jieyou/lazyl…
字体笔记
字体笔记 http://www.ruanyifeng.com/blog/2008/06/typography_…
震撼人心的HTML5文字字体特效
10大炫酷的HTML5文字动画特效欣赏 http://www.html5tricks.com/10-cool-…
jQuery Jcrop 图像裁剪
jQuery Jcrop 图像裁剪 http://code.ciaoca.com/jquery/jcrop/ …
免费的Web UI开发套件
免费的Web UI开发套件 https://my.oschina.net/yida/blog/759312 &…
CSS @font-face(CSS 自定义字体)
CSS @font-face(CSS 自定义字体) http://blog.csdn.net/notejs/a…
CSS3渐变——线性渐变
CSS3渐变——线性渐变 http://www.w3cplus.com/css3/new-css3-linea…
SVG – Path 详解
SVG 研究之路 (4) – Path 基礎篇 http://www.oxxostudio.tw/…
10 个非常有用的 SVG 动画的 JavaScript 库
10 个非常有用的 SVG 动画的 JavaScript 库 https://www.oschina.net/…
使用梯形模拟一个六边形
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 |
<!DOCTYPE html> <html> <head> <meta charset='utf-8'> <title>Test</title> <meta content='width=device-width, initial-scale=1, maximum-scale=1' name='viewport'> </head> <body> <div class="trapezoid" style="width: 220px; height: 200px; background: #000000"> <div class="trapezoid-1" style="height:0; width:100px; border-bottom:100px solid #222; border-left:60px solid transparent; border-right:60px solid transparent;"></div> <div class="trapezoid-2" style="height:0; width:100px; border-top:100px solid #222; border-left:60px solid transparent; border-right:60px solid transparent; "></div> <div class="trapezoid-1" style="height:0; width:94px; border-bottom:97px solid #000000; border-left:60px solid transparent; border-right:60px solid transparent; position: relative; top: -197px; left: 3px;"></div> <div class="trapezoid-2" style="height:0; width:94px; border-top:97px solid #000000; border-left:60px solid transparent; border-right:60px solid transparent; position: relative; top: -197px; left: 3px;"></div> </div> </body> </html> |
jquery hover 切换时间，连续切换BUG，解决办法
jquery hover 切换时间，连续切换BUG，解决办法 http://my.oschina.net/u/…
javascript实现java的StringBuffer功能
javascript实现java的StringBuffer功能 http://my.oschina.net/…
echarts在bootstrap modal不能正常渲染
echarts在bootstrap modal不能正常渲染 http://my.oschina.net/u/1…
HTML5你必须知道的28个新特性
HTML5你必须知道的28个新特性 http://my.oschina.net/jn199/blog/7411…
AngularJS中设置select的默认selected option
AngularJS中设置select的默认selected option http://blog.csdn.n…
angularjs 理解$watch ，$apply 和 $digest — 理解数据绑定过程
angularjs 理解$watch ，$apply 和 $digest — 理解数据绑定过程 h…
box-shadow属性的使用方法
box-shadow属性的使用方法 http://my.oschina.net/u/2561199/blog/…
css 尺寸单位
css 尺寸单位 http://my.oschina.net/myrainspace/blog/735066 …
Swiper 应用较广泛的移动端网页触摸内容滑动js
Swiper 是目前应用较广泛的移动端网页触摸内容滑动js插件 http://www.swiper.com.c…
宽度固定，字体充满整个div
宽度固定，字体充满整个div http://my.oschina.net/zhangxuman/blog/73…
JS 获取鼠标点击位置
JS 获取鼠标点击位置
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 |
//鼠标点击位置 $("body").click(function(event){ var pos = getMousePos(event); alert(pos.y); var Y1 = $('#olapData').offset().top; //获取相对(父元素)位置: var Y2 = $('#olapData').position().top; alert(Y1); alert(Y2); posy.val(pos.y); }); function getMousePos(event) { var e = event || window.event; var scrollX = document.documentElement.scrollLeft || document.body.scrollLeft; var scrollY = document.documentElement.scrollTop || document.body.scrollTop; var x = e.pageX || e.clientX + scrollX; var y = e.pageY || e.clientY + scrollY; return { 'x': x, 'y': y }; } |
javascript/js对html元素自定义属性的操作(兼容Firefox和IE)
javascript/js对html元素自定义属性的操作(兼容Firefox和IE) http://blog….
关于重复初始化jquery.validate.js的问题
关于重复初始化jquery.validate.js的问题 情景： 我的validate是动态初始化的，就是表单…
jQuery validate验证隐藏表单(hidden)域
jQuery validate验证隐藏表单(hidden)域 http://www.17jquery.com/…
javascript innerHTML、outerHTML、innerText、outerText的区别
javascript innerHTML、outerHTML、innerText、outerText的区别 h…
PFold.js 折叠纸片
PFold.js 折叠纸片 http://zaixianshouce.iteye.com/blog/2317…
