CSS中使用expression表达式

逛到发现这个效果，个人感觉非常赞

下面是CSS样式

input {  
border:1px solid #B3D6EF;　  
background:#ffffff;   
}  
input {  
    star : expression(  
    onmouseover=function(){this.style.backgroundColor="#D5E9F6"},  
    onmouseout=function(){this.style.backgroundColor="#ffffff"})  
    } 

好处在于 不用在页面中写一堆一堆的onMouseover函数了

lolo 
有些问题需要注意下，这种写法有可能在IE6下造成浏览器卡死，目前做的一个旧出现了卡死现象...

这里引用下怪飞的一篇CSS优化的文章

浏览器中 CSS Expression 特性的最大的问题：会反复执行，每秒钟可能执行了成百上千次，有严重的性能问题。 
如何对 CSS Expression 进行优化呢？ 
至少：如果我们将 CSS Expression 在匹配的元素中仅执行一次，性能将会提升很大。

old9 在 《CSS Expression Reloaded》一文中提供了一个解决方案： 

在 CSS Expression 语句体里，将触发该 Expression 的 CSS 属性重置。

发表评论 共有条评论 用户名: 密码: 验证码: 匿名发表