CSS的behavior属性怎么使用

蜗牛 互联网技术资讯 2022-12-18 67 0

这篇文章主要介绍了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属性怎么使用”这篇文章的内容就介绍到这里,感谢各位的阅读!相信大家对“CSS的behavior属性怎么使用”知识都有一定的了解,大家如果还想学习更多知识,欢迎关注蜗牛博客行业资讯频道。

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:niceseo99@gmail.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

评论

有免费节点资源,我们会通知你!加入纸飞机订阅群

×
天气预报查看日历分享网页手机扫码留言评论Telegram