CSS表达式是一个强大的方法,可以使得CSS属性动态的改变。在IE5.0的版后得到支持,但是在IE8中被剔除了。作为一个例子,背景色可以用CSS表达式设置成每隔一个小时改变。
/*code里面没有cs只有用java代替,见谅见谅*/
background-color:expression( (new Date()).getHours()%2 ? "#B8D4FF":"#F08A00");
正如上面所示,表达式方法接受js表达式。CSS的属性值是这个JS表达式的结果。这个表达式只有在IE中才能使用,并且只有在需要创建一个跨浏览器的一致体验时才能用到。
使用表达式的问题是,表达式的计算频率比人们想象的要高的多。不只是在页面被渲染或者是改变的时候,当人们在页面上滑动滚动条,甚至是在页面上移动鼠标的时候,表达式都会被计算。在CSS表达中的增加计数器可以帮助我们监控CSS表达式被计算的次数。在页面上移动鼠标很容易就产生超过10000次的表达式计算(运行)。
一种减少CSS表达式计算的方法是使用一次(one-time)表达式,当表达式第一次被计算的时候,它就对样式设置了一个明确的值,这样来代替表达式的不断计算。如果样式的属性必须根据页面的情况动态的来设定,使用事件捕捉(event handlers)的方法而不是css表达式。如果你一定要使用css表达式,记住它们也许会被计算上千次,这会影响你的页面的性能。
分享到:
相关推荐
CSharp参考 CSS2参考 正则表达式系统教程 ADO参考
Yahoo!网站性能最佳体验的34条黄金守则__JavaScript和CSS Yahoo!网站性能最佳体验的34条黄金守则__JavaScript和CSS Yahoo!网站性能最佳体验的34条黄金守则__JavaScript和CSS
960_Grid_CSS Frameworks960_Grid_CSS Frameworks960_Grid_CSS Frameworks960_Grid_CSS Frameworks960_Grid_CSS Frameworks960_Grid_CSS Frameworks
1) 源码本身很小,但是携带者一个用于...一种是返回一个数组的(例如 css表达式,获取的结果就是一个数组,哪怕只有一个成员)。所以这就解释了为啥会有两个类,那个dom数组类,就是对返回的结果集的封装,。@菜鸟菜鸡秋水。
蓝色简单布局博客网站CSS3模板_蓝色 博客 简单 css3.zip蓝色简单布局博客网站CSS3模板_蓝色 博客 简单 css3.zip
最新CSS + DIV+正则表达式
css_布局网站 css_布局网站 css_布局网站
CSS教学帮助文档,实用用的CSS教学。详细的API解释示例。
生成dcv css工具
一组非常好的整站DIV+CSS源码,适合初学DIV+CSS的人看,来自于国外的人做的简介模板。
一个存CSS构造的纵向多级菜单,可以帮助理解CSS
蓝色简单布局博客网站CSS3模板_蓝色博客简单css3
CSS_style属性大全,包括所有的CSS_style属性。
javascript+css+正则表达式的chm帮助文档,包含这种标记解析,适合初学者。
使用纯粹的HTML和css对京东页面进行仿写,不使用js
JSP+Dreamweaver_CS4+CSS+Ajax动态网站开发典型案例.doc
简洁灰色线花店网站css3模板下载_简洁 花店 幻灯 css3 线条 简单.zip简洁灰色线花店网站css3模板下载_简洁 花店 幻灯 css3 线条 简单.zip
通过Dreamweaver.CS3学习HTML+DIV+CSS教学PPT第11章__网页样式表CSS