逛到發(fā)現(xiàn)這個(gè)效果,個(gè)人感覺非常贊
下面是CSS樣式
input {
border:1px solid #B3D6EF;
background:#ffffff;
}
input {
star : expression(
onmouseover=function(){this.style.backgroundColor="#D5E9F6"},
onmouseout=function(){this.style.backgroundColor="#ffffff"})
}
好處在于 不用在頁面中寫一堆一堆的onMouseover函數(shù)了
lolo
有些問題需要注意下,這種寫法有可能在IE6下造成瀏覽器卡死,目前做的一個(gè)舊出現(xiàn)了卡死現(xiàn)象...
這里引用下怪飛的一篇CSS優(yōu)化的文章
瀏覽器中 CSS Expression 特性的最大的問題:會(huì)反復(fù)執(zhí)行,每秒鐘可能執(zhí)行了成百上千次,有嚴(yán)重的性能問題。
如何對(duì) CSS Expression 進(jìn)行優(yōu)化呢?
至少:如果我們將 CSS Expression 在匹配的元素中僅執(zhí)行一次,性能將會(huì)提升很大。
old9 在 《CSS Expression Reloaded》一文中提供了一個(gè)解決方案:
在 CSS Expression 語句體里,將觸發(fā)該 Expression 的 CSS 屬性重置。
新聞熱點(diǎn)
疑難解答
圖片精選