摘要：
varTween={Linear:function(t,b,c,d){returnc*t/d+b;},Quad:{easeIn:function(t,b,c,d){returnc*(t/=d)*t+b;},easeOut:function(t,b,c,d){return-c*(t/=d)*(t-2)+b;},easeInOut:function(t,b,c,d){if((t/=d/2)<1)returnc/2*t*t+b;return-c/2*((--t)*(t-2)-1)+b;}},Cubic:{easeIn:function(t,b,c,d){returnc*(t/=d)*t*t+b 阅读全文
摘要：
1. HTML5并非是一整块你 也许会问：“如果老的浏览器不支持HTML5我该如何开始呢？”这个问题本身就是具有误导性的。HTML5并不是一大块整体，而是一系列单独特性的集合。 所以你是不可能去检测“HTML5支持性”的，因为根本就没有这种东西存在。但是你可以测试对某些特性的支持，比如画布功能、视频功能、地理定位功能。你 可能认为HTML5是一系列标签和尖括号。这的确是HTML5中很重要的部分，但并非全部。HTML5的定义还定义了如何让这些尖括号通过文件对象模型 （Document Object Model ，DOM）和Javascript交互。HTML5并不会只是定义一个<video& 阅读全文
摘要：
IE的haslayout是个比较麻烦的东西，首先它不是w3c的标准属性，没有一个专门的css命令能设定layout，元素要么本身就具有layout，要么需要通过一个css属性“偷偷的”触发layout。其次触发ie的haslayout的属性比较不常用。用haslayout解决问题的时候，大部分人也是迷迷糊糊的。这里就专门介绍下ie的haslayout，希望对大家有所帮助。ie很多稀奇古怪的渲染上的bug都可以用layout属性来解决，"layout"决定了一个元素该如何显示以及约束其包含的内容，以及同其他元素交互和建立联系。响应和传递应用程序事件和用户事件等。这些渲染特性可 阅读全文
摘要：
近期做了个项目其中需要用到未知宽、高的图片水平且垂直居中的于div容器中。本来关于布局这事对我来说应该已经不是一个问题，但是蹩脚的ie6不支持图片垂直居中。下面讲一下我收集整理的一些方法。要求： 图片垂直和水平居中于一个固定大小的容器内，a. 图片宽度、高度均不固定。图片可以通过程序控制将图片按一定比例缩放。b. 图片必须始终相对外容器垂直和水平居中。c. 兼容firefox、chrome、opera、safari、ie6/7/8及其他国内常见浏览器。1.最简单的方法当然是背景图的方法。将所需垂直和水平居中的图片设为背景图片，background:url(img/1.jpg) center . 阅读全文
摘要：
IE对after、before是不支持的，请在firefox、opera、chrome下试调！:before语法：Selector : before { sRules }说明：用来和 content 属性一起使用，设置在对象前(依据对象树的逻辑结构)发生的内容。:after语法：Selector : after { sRules }说明：用来和 content 属性一起使用，设置在对象后(依据对象树的逻辑结构)发生的内容。看以下这句定义的理解,也许你会更清楚一点...呵呵...:after 伪元素在元素内容之后插入内容。这个伪元素允许创作人员在元素内容的最后面插入生成内容。默认地，这个伪元素是 阅读全文
摘要：
【总结】关于after伪对象清浮动一直用空标签清浮动，看到伪对象可以用来画图，稍稍研究了一下，意外加深了对after伪对象清浮动的理解。关于对伪对象基础知识的介绍：http://hi.baidu.com/shawn_html5/item/491455fe3e27d678c8f337cd我们回顾一下，空标签清浮动是这样：<divstyle="clear:both;height:0;overflow:hidden;"></div>height:0;overflow:hidden;是为了使标签不占空间而做的设置，真正起作用的命令其实很简单，就是clear： 阅读全文
摘要：
Mugeda是一个基于云的HTML5动画平台，允许用户在任何浏览器中直接创建，共享和发布的HTML5动画。Mugeda可被广泛应用于广告、游戏、教程和网络应用程序等。 并支持在任何网络设备包括PC，智能手机和平板电脑中直接查看。Mugeda有望成为下一代网上互动动画的行业标准。在线直接访问Mugeda，无需安装任何软件，即可在线DIY制作动画。完成后，可直接在线浏览。支持代码嵌入到其他网站或博客上展示。马上开始DIY属于你自己的动画吧！（孟梦） 阅读全文
摘要：
无意间看到一个讨论float元素如何自适应居中的话题，大概写法如下 .three{ display:block;text-align:center; /* 解决间隙问题 */ font-size:0; } .three li{ width:100px;height:100px; display:inline-block;*display:inline;*zoom:1; /* 解决不能水平对齐问题 */ vertical-align:top; /* 解决间隙问题后遗症解决 */ font-size:13px; } /* 让 chrome 支持 ... 阅读全文
摘要：
本例是一个基于canvas的时钟，鼠标滑过的时候会有类似果冻的抖动效果！代码如下：<!doctypehtml><html><head><metacharset="utf-8"/><title>柔软的canvas时钟</title><style>#myCanvas{margin:50pxauto;display:block;}</style></head><body><canvasid="myCanvas"width="2 阅读全文
摘要：
《白衣》 柳永 一步踏尽一树白，一桥轻雨一伞开。 一梦黄粱一壶酒，一身白衣一生裁。 阅读全文
摘要：
* 常见的bug1.IE6中，浮动的块如果有横向margin，则最靠边的那一块的靠边的边会出现双倍bug，解决方法，display：inline。2.IE6中，默认行高不是0，所以需要用 _height来强制设置。3.IE6和7中，li设置了宽高以及里面包含浮动的子元素，则会出现行间距。不设宽高或不浮动来解决。4.在IE6，如果一个不浮动的父元素包含了浮动的子元素，且父元素定宽，则浮动的子元素依然会撑开行高，而在别的浏览器，则不会撑开。IE6的行高总是能被撑开！！5.在IE6中，文字内容后面如果出现浮动的a，a会换行，所以需要将前面的文字放在span中也做浮动。虽然这是正常的，因为a浮动后会变 阅读全文
摘要：
* 整体思路1.用table做，本来认为一定要给td设定宽高，后来发现其实不用，经测验，td为inline-block，可以设置宽高，默认也会靠正常流的内容自动撑开。2.td内插入一个a标签，将其display：block，设置与背景图大小相同的宽高。3.a：hover时，背景由黑色变为小图片。4.由于要用a的hover来控制右侧信息图的展现，所以，信息图也需要是a的子标签。故在a中插入span，（为了简便，这里只是将信息图截图做了span的背景）并display为block，再设置margin-left，为了不挡着a的小图背景。结果超出了正常的初学者思维：span虽然属于a的子标签，但其展现 阅读全文