《
CSS中expression使用簡介》文章地址:http://www.tfxk.com/wangyesheji/jianzhanjingyan/0302332552013.htm
#myDiv {
position: absolute;
width: ,CSS中display各屬性語法參數(shù)詳解 附實例;  ,CSS中Class與ID的區(qū)別,Margin與Padding的區(qū)別; 100px;
height: 100px;
left:  ,CSS兩種方法實現(xiàn)隔行換色; expression(document.body.offsetWidth - 110 + "px");
top: expression(document.body.offsetHeight - 110 + "px");
background: red;
}
給元素自定義屬性賦值
采取expression的做法如下:
<style type="text/css">
a {star : expression(onfocus=this.blur)}
</style>
<a href="link1.htm">link1</a>
<a href="link2.htm">link2</a>
<a href="link3.htm">link3</a>
闡明:里面的star就是本人任意定義的屬性,你可以隨自己愛好另外定義,CSS下拉菜單的制作,接著包括在expression()里的語句就是JS腳本,在自定義屬性與expression之間可別忘了還有一個引號,由于本質(zhì)仍是CSS,所以放在style標簽內(nèi),而非script內(nèi)。OK,這樣就很輕易地用一句話實現(xiàn)了頁面中的鏈接虛線框的排除。不外你先別自得,如果觸發(fā)的殊效是CSS的屬性變更,那么出來的結(jié)果會跟你的本意有差異。例如你想隨鼠標的移進移出而轉(zhuǎn)變頁面中的文本框色彩更改,你可能想當然的會以為應當寫為
例如,CSS三層布局模型,打消頁面上的鏈接虛線框。 通常的做法是:
例如,你可以按照瀏覽器的大小來安頓一個元素的地位。
定義
<style type="text/css">
input {star : expression(onmouseover=function()
{this.style.backgroundColor="#FF0000"},
onmouseout=function(){this.style.backgroundColor="#FFFFFF"}) }
</style>
<input type="text">
<input type="text">
<input type="text">
留神
給元素固有屬性賦值
Tag:簡介 使用
--> [
網(wǎng)站建設之]CSS中expression使用簡介
不是十分須要,個別不倡議使用expression,因為expression對瀏覽器資源請求比較高。
<style type="text/css">
input
{star : expression(onmouseover=this,CssGaga教程 css合并與CSS優(yōu)化.style.backgroundColor="#FF0000";
onmouseout=this.style,CSS3:background-image可使用多背景圖.backgroundColor=",CSS3網(wǎng)頁實例 美化網(wǎng)頁下拉列表;#FFFFFF")}
</style>
<,CSS3網(wǎng)頁制作教程 Action hovert;style type="text/css">
input {star : expression(onmouseover=this.style.backgroundColor="#FF0000";
onmouseout=this.style.backgroundColor="#FFFFFF")}
</style>
<input type="text">
<input type="text">
<input type="text">
可結(jié)果卻是呈現(xiàn)腳本犯錯,準確的寫法應該把CSS款式的定義寫進函數(shù)內(nèi),如下所示:
IE5及其當前版本支撐在CSS中使用expression,用來把CSS屬性跟javascript表達式關系起來,這里的CSS屬性可以是元素固有的屬性,也能夠是自定義屬性。就是說CSS屬性后面可以是一段javascript表達式,CSS屬性的值即是javascript表白式盤算的成果。 在抒發(fā)式中可以直接援用元素本身的屬性和方式,也可以應用其余閱讀器對象。這個表達式就似乎是在這個元素的一個成員函數(shù)中一樣。
<,CSS3網(wǎng)頁制作實例 CSS3網(wǎng)頁頁面效果;a href="link1.htm" onfocus="this.blur()">link1</a>
<a href="link2.htm" onfocus="this.blur()">link2</a>
<a href="link3.htm" onfocus="this.blur()">link3</a>
粗看或者還體現(xiàn)不出采用expression的上風,但假如你的頁面上有多少十甚至上百個鏈接,這時的你豈非還會機械式地Ctrl+C,Ctrl+V么,何況兩者一比擬,哪個發(fā)生的冗余代碼更多呢?
(責任編輯:網(wǎng)站建設)
CSS中expression使用簡介相關文章