2013年3月5日

js 编程时注意事项

摘要: Tip1: 网页中用js动态加载的元素,这些元素的click等事件响应必须写在这个加载部分的代码后面,否则事件不能正常响应。 阅读全文

posted @ 2013-03-05 23:09 小嘟 阅读(184) 评论(0) 推荐(0)

CSS3 Transform Matrix

摘要: css3中的transform让我们操作变形变得很简单,诸如,translate–移动,scale–缩放,rotate–旋转,skew–斜切。这几个属性很方便,也很简单,但是其中matrix我们就不常使用了吧。-webkit-transform: matrix(1, 0, 0, 1, 100, 100)看到这样一句css,你也许很讨厌怎么一堆的数字,你也许斜视matrix–css也能搞出这货?这篇文章我们一起探讨一下transform中的matrix。一、初识matrix2d matrix提供6个参数啊a,b,c,d,d,e,f其基本写法如下:回顾一下高中数学,或者线性代数,即可知道matri 阅读全文

posted @ 2013-03-05 16:02 小嘟 阅读(389) 评论(0) 推荐(0)

border-image

摘要: 首先来一个素材图片whiteButton.png然后我们要做成这样的效果:代码(呵呵!请不要急,继续向下看):代码<divstyle="-webkit-border-image:url(images/whiteButton.png)012012stretchstretch;-moz-border-image:url(images/whiteButton.png)012012roundstretch;border-image:url(images/whiteButton.png)012012stretchstretch;display:block;width:600px;bord 阅读全文

posted @ 2013-03-05 14:33 小嘟 阅读(145) 评论(0) 推荐(0)

box-shadow

摘要: 语法:box-shadow:<length><length><length><length>||<color>取值:<length><length><length>?<length>? ||<color>:阴影水平偏移值(可取正负值);阴影垂直偏移值(可取正负值);阴影模糊值;阴影颜色说明:设置块阴影box-shadow这个属性应用的非常普遍,可以使你的元素立刻变得漂亮起来,只是记得不要把值设得太离谱。box-shadow的四个参数:x-offset x轴偏移y-offset 阅读全文

posted @ 2013-03-05 14:23 小嘟 阅读(172) 评论(0) 推荐(0)

导航