CSS中behavior屬性語法簡介
本文和大家重點討論一下CSS中behavior屬性語法的使用,在進行CSS網頁布局的時候,我們經遇到刷新要保留表單里內容的時候,習慣的做法使用cookie,但是那樣做實在是很麻煩,CSS中的behavior就為我們很好的解決了這個問題。
CSS屬性behavior語法
在進行CSS網頁布局的時候,我們經遇到刷新要保留表單里內容的時候,習慣的做法使用cookie,但是那樣做實在是很麻煩,css中的behavior就為我們很好的解決了這個問題。今天就向大家介紹CSS屬性behavior的語法。
behavior屬性語法:
ExampleSourceCode
- behavior:url(url)|url(#objID)|url(#default#behaviorName)
取值:
url(url) : 使用絕對或相對url地址指定DHTML行為組件(.htc)
url(#objID) : 使用二進制實現(作為ActiveX®控件)的行為。此處的#objID為object對象的id屬性值
url(#default#behaviorName) : IE的默認行為。由行為的名稱標識(#behaviorName)指定
說明:設置或檢索對象的DHTML行為。多個行為之間用空格隔開。
當多個附加到同一要素的行為發生沖突時,其結果取決于行為應用于要素的順序。后一個行為的優先權高于前一個行為。同樣的規則適用于不同行為提供的屬性、事件、方法所發生的名稱沖突。
可以使用addBehavior方法動態的將行為附著到對象。
此屬性對于currentStyle對象而言是只讀的。對于其他對象而言是可讀寫的。
務必注意使用樣式表(CSS)的behavior屬性內聯定義或使用addBehavior方法附著的行為不會在對象從文檔樹中移除時被自動分離。而在文檔中的樣式表規則定義的行為會在對象從文檔樹中移除時被自動分離。
對應的腳本特性為behavior。
示例:
ExampleSourceCode
- p{behavior:url(#default#download);}
- div{behavior:url(fly.htc)url(shy.htc);}
- div{behavior:url(#myObject);}
◆應用1:刷新也保留輸入框里面的文字
ExampleSourceCode
- .sHistory{}{behavior:url(#default#savehistory);}
◆應用2:調用腳本
ExampleSourceCode
- <html>
- <head>
- <style>
- h1{behavior:url(behave.htc)}
- </style>
- </head>
- <body>
- <h1>把鼠標放在這里52css.com</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時盡量避免使用Behaviors技術
InternetExplorerBehaviors
它是什么?InternetExplorer5引入了行為(behaviors)。behaviors是一種通過使用CSS向HTML元素添加行為的方法。
為什么要避免它?只有InternetExplorer支持behavior屬性。
用什么代替?請使用JavaScript和HTMLDOM取而代之
【編輯推薦】