逛到發現這個效果，個人感覺非常贊

下面是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 屬性重置。

發表評論 共有條評論 用戶名: 密碼: 驗證碼: 匿名發表