IE5及其后續的版本支持css中的expression,expression 可以在css中調用Javascript 表達式. 最簡單的應用,例如在設置高度為整個頁面的高度:

?

例一 .

mainDiv { height:expression(document.body.clientHeight)left: expression(this.parentElement.offsetParent.scrollLeft); }

?

上面的設置中,this 表示當前的元素對象.

?

例二:利用簡單的表達式將屏幕高度控制到725

#container {width: expression((documentElement.clientWidth > 725) ? "725px" : "auto" ); }

?

例三:有事件的表達式

<style type="text/css">input {star : expression(οnmοuseοver=function() {this.style.backgroundColor="#FF0000"}, οnmοuseοut=function(){this.style.backgroundColor="#FFFFFF"}) } </style>

?

例四:動態控制輸入域的顏色

input{background-color:expression((this.readOnly && this.readOnly==true)?"#f0f0f0":"") }

?

???? 總體來講，expression的作用就是能夠調用javascript的一些方法和參數來動態的給CSS的屬性賦值，用起來是比較方便的，實現了CSS主動與javascript的互聯，以往一直是在JS中通過this.style.XXX="" 來改變CSS的屬性， Javascript占主動，想法是很不錯的，可惜只有IE支持,firefox不支持，而且對瀏覽器的性能要求也比較高。所以大家要權衡使用。

總結

以上是生活随笔為你收集整理的CSS之expression的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。