expression

expression

CSS中使用expression只有ie才能識別。IE5及其以後版本支持在CSS中使用expression,用來把CSS屬性和Javascript表達式關聯起來,這裡的CSS屬性可以是元素固有的屬性,也可以是自定義屬性

基本介紹

CSS行為,街舞組合,微軟產品,

CSS行為

就是說CSS屬性後面可以是一段Javascript表達式,CSS屬性的值等於Javascript表達式計算的結果。 在表達式中可以直接引用元素自身的屬性和方法,也可以使用其他瀏覽器對象。這個表達式就好像是在這個元素的一個成員函式中一樣。
例子:
1.給元素固有屬性賦值
下面是定義container容器的寬度,如果<725就為自己的寬度,否則就等於725,相當於max-width:725px;。
<style type="text/css" media="screen">
#container { width: expression((documentElement.clientWidth > 725) ? "725px" : "auto" ); }
</style>
2.給元素自定義屬性賦值
例如,消除頁面上的連結虛線框。 通常的做法是:
<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>
粗看或許還體現不出採用expression的優勢,但如果你的頁面上有幾十甚至上百個連結,這時的你還會機械式地Ctrl+C,Ctrl+V么,兩者一比較,哪個產生的冗餘代碼更多呢?
採用expression的做法如下:
<style type="text/css">
a {star : expression(this.onFocus=this.blur());}
</style>
<a href="link1.htm">link1</a>
<a href="link2.htm">link2</a>
<a href="link3.htm">link3</a>
說明:裡面的star就是自己任意定義的屬性,你可以隨自己喜好另外定義,接著包含在expression()里的語句就是JS腳本,在自定義屬性與expression之間可別忘了還有一個引號,因為實質還是CSS,所以放在style標籤內,而非script內。OK,這樣就很容易地用一句話實現了頁面中的連結虛線框的消除。不過你先別得意,如果觸發的特效是CSS的屬性變化,那么出來的結果會跟你的本意有差別。例如你想隨滑鼠的移進移出而改變頁面中的文本框顏色更改,你可能想當然的會認為應該寫為
<style type="text/css">
input {star : expression(onmouseover=this.style.backgroundColor="#F5F5F5";
onmouseout=this.style.backgroundColor="#FFFFFF")}
</style>
<input type="text">
<input type="text">
<input type="text">
可結果卻是出現腳本出錯,正確的寫法應該把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">
注意:不是非常需要,一般不建議使用expression,因為expression對瀏覽器資源要求比較高。

街舞組合

2002年成員: Woo Sung, Woo Chan, Tachyon, Hong 10, Jung Hwan, Shin, Ducky, Min and Mute! 2003年成員: Woo Sung, Tachyon, Wake Up, Al, Woo Chan, Mickey, Eagle, Jerry, Boom, Mute and Jino! 2004年成員: Woo Sung,Jino, Tachyon, Jerry, Sul Hee, Hyun Woo and beatboxer Eunjoon!
現在的"Experssion"分裂出2個新的組合他們分別是(當然,EX還存在,只是人員發生了變動)
HELLS ANGLE (又名DRIFTERS CREW)以下是人員名單
Jae Bong,
Min Suk,
Sin Kwang,
Alive, Enoo,
T,
Jung Sik,
Ducky,
Hong 10
Trickxx
MAXIMUM DANCERS 以下是人員名單
Wake-up
Eagle Micky
BOOM
Street Chan
TAZO AL
David(new)
Sebin(new)

微軟產品

Expression Studio是“微軟”在2007年推出的一套針對於設計師的套件,其中包含專業的設計工具和新的技術,可以彈性且自由地將您的願望化成實際——不管您設計的是以標準為基礎的網站、桌面上的豐富用戶經驗,或是管理數字資產和內容。它們可以與Visual Studio無縫地協同工作。新版加入了可擴展的XAML語言,可同時被Expression Studio和Visual Studio調用,具有開發--設計的協作性。
Expression Studio包含以下產品
Expression Blend
Expression Designer
Expression Web (前身為FrontPage

相關詞條

熱門詞條

聯絡我們