探究CSS屬性behavior語(yǔ)法及使用
本文和大家重點(diǎn)討論一下CSS屬性behavior的語(yǔ)法及使用,使用CSS進(jìn)行網(wǎng)頁(yè)布局時(shí)刷新要保留表單里內(nèi)容,我們習(xí)慣的做法使用cookie,但是那樣做實(shí)在是很麻煩,使用CSS中的behavior可以很好的解決。
CSS屬性behavior的語(yǔ)法及介紹
在進(jìn)行CSS網(wǎng)頁(yè)布局的時(shí)候,我們經(jīng)遇到刷新要保留表單里內(nèi)容的時(shí)候,習(xí)慣的做法使用cookie,但是那樣做實(shí)在是很麻煩,CSS中的behavior就為我們很好的解決了這個(gè)問題。今天就向大家介紹CSS屬性behavior的語(yǔ)法.
behavior的語(yǔ)法:
ExampleSourceCode
- behavior:url(url)|url(#objID)|url(#default#behaviorName)
取值:
url(url) : 使用絕對(duì)或相對(duì)url地址指定DHTML行為組件(.htc)
url(#objID) : 使用二進(jìn)制實(shí)現(xiàn)(作為ActiveX?控件)的行為。此處的#objID為object對(duì)象的id屬性值
url(#default#behaviorName) : IE的默認(rèn)行為。由行為的名稱標(biāo)識(shí)(#behaviorName)指定
說(shuō)明:設(shè)置或檢索對(duì)象的DHTML行為。多個(gè)行為之間用空格隔開。
當(dāng)多個(gè)附加到同一要素的行為發(fā)生沖突時(shí),其結(jié)果取決于行為應(yīng)用于要素的順序。后一個(gè)行為的優(yōu)先權(quán)高于前一個(gè)行為。同樣的規(guī)則適用于不同行為提供的屬性、事件、方法所發(fā)生的名稱沖突。
◆可以使用addBehavior方法動(dòng)態(tài)的將行為附著到對(duì)象。
此屬性對(duì)于currentStyle對(duì)象而言是只讀的。對(duì)于其他對(duì)象而言是可讀寫的。
務(wù)必注意使用樣式表(CSS)的behavior屬性內(nèi)聯(lián)定義或使用addBehavior方法附著的行為不會(huì)在對(duì)象從文檔樹中移除時(shí)被自動(dòng)分離。而在文檔中的樣式表規(guī)則定義的行為會(huì)在對(duì)象從文檔樹中移除時(shí)被自動(dòng)分離。
對(duì)應(yīng)的腳本特性為behavior。
示例:ExampleSourceCode
- p{behavior:url(#default#download);}
- div{behavior:url(fly.htc)url(shy.htc);}
- div{behavior:url(#myObject);}
◆應(yīng)用1:刷新也保留輸入框里面的文字
ExampleSourceCode
- .sHistory{}{behavior:url(#default#savehistory);}
◆應(yīng)用2:調(diào)用腳本
ExampleSourceCode
- <html>
- <head>
- <style>
- h1{behavior:url(behave.htc)}
- </style>
- </head>
- <body>
- <h1>把鼠標(biāo)放在這里div-CSS.net</h1>
- </body>
- </html>
- behave.htc
- <component>
- <attachforattachfor="element"event="onmouseover"handler="hig_lite"/>
- <attachforattachfor="element"event="onmouseout"
- handler="low_lite"/>
- <scripttypescripttype="text/javascript">
- functionhig_lite()
- {
- element.style.color=255
- }
- functionlow_lite()
- {
- element.style.color=0
- }
- </script>
- </component>
注意:CSS時(shí)盡量避免使用Behaviors技術(shù)
InternetExplorerBehaviors
它是什么?InternetExplorer5引入了行為(behaviors)。behaviors是一種通過使用CSS向HTML元素添加行為的方法。
為什么要避免它?只有InternetExplorer支持behavior屬性。
用什么代替?請(qǐng)使用JavaScript和HTMLDOM取而代之。
文章來(lái)源:Div-CSS.net設(shè)計(jì)網(wǎng)參考:http://www.div-CSS.net/div_CSS/topic/index.asp?id=10002
【編輯推薦】