这篇文章将为大家详细讲解有关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> h2{behavior:url(behave.htc)} </style> </head> <body> <h2>把鼠标放在这里div-CSS.net</h2> </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技术
关于CSS中behavior属性如何使用就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。