探究CSS属性behavior语法及使用
创始人
2024-07-11 13:50:30
0

本文和大家重点讨论一下CSS属性behavior的语法及使用,使用CSS进行网页布局时刷新要保留表单里内容,我们习惯的做法使用cookie,但是那样做实在是很麻烦,使用CSS中的behavior可以很好的解决。

CSS属性behavior的语法及介绍

  在进行CSS网页布局的时候,我们经遇到刷新要保留表单里内容的时候,习惯的做法使用cookie,但是那样做实在是很麻烦,CSS中的behavior就为我们很好的解决了这个问题。今天就向大家介绍CSS属性behavior的语法.

behavior的语法:

ExampleSourceCode  

  1. behavior:url(url)|url(#objID)|url(#default#behaviorName)  
  2.  

  取值:
  url(url) : 使用绝对或相对url地址指定DHTML行为组件(.htc)
  url(#objID) : 使用二进制实现(作为ActiveX?控件)的行为。此处的#objID为object对象的id属性值
  url(#default#behaviorName) : IE的默认行为。由行为的名称标识(#behaviorName)指定

  说明:设置或检索对象的DHTML行为。多个行为之间用空格隔开。
  当多个附加到同一要素的行为发生冲突时,其结果取决于行为应用于要素的顺序。后一个行为的优先权高于前一个行为。同样的规则适用于不同行为提供的属性、事件、方法所发生的名称冲突。

    ◆可以使用addBehavior方法动态的将行为附着到对象。

  此属性对于currentStyle对象而言是只读的。对于其他对象而言是可读写的。
  务必注意使用样式表(CSS)的behavior属性内联定义或使用addBehavior方法附着的行为不会在对象从文档树中移除时被自动分离。而在文档中的样式表规则定义的行为会在对象从文档树中移除时被自动分离。

  对应的脚本特性为behavior。

  示例:ExampleSourceCode 

  1. p{behavior:url(#default#download);}  
  2. div{behavior:url(fly.htc)url(shy.htc);}  
  3. div{behavior:url(#myObject);}  
  4.  

◆应用1:刷新也保留输入框里面的文字

ExampleSourceCode 

  1.  .sHistory{}{behavior:url(#default#savehistory);}  
  2.  

◆应用2:调用脚本

ExampleSourceCode   

  1.   
  2.      
  3.        
  4.      
  5.      
  6.       

    把鼠标放在这里div-CSS.net

     
  7.      
  8.      
  9.     behave.htc  
  10.  
  11.      
  12.      
  13.     
  14. handler="low_lite"/> 
  15.      
  16.     functionhig_lite()  
  17.     {  
  18.       element.style.color=255 
  19.     }  
  20.     functionlow_lite()  
  21.     {  
  22.       element.style.color=0 
  23.     }  
  24.      
  25.        

 注意:CSS时尽量避免使用Behaviors技术

  InternetExplorerBehaviors
  它是什么?InternetExplorer5引入了行为(behaviors)。behaviors是一种通过使用CSS向HTML元素添加行为的方法。
  为什么要避免它?只有InternetExplorer支持behavior属性。
  用什么代替?请使用JavaScript和HTMLDOM取而代之。

文章来源:Div-CSS.net设计网参考:http://www.div-CSS.net/div_CSS/topic/index.asp?id=10002

【编辑推荐】

  1. 深度剖析CSS2.0中的expression应用
  2. CSS中margin边界叠加问题及解决方案
  3. CSS布局自适应高度解决方法
  4. 创建和插入CSS样式表秘笈
  5. 实现CSS垂直居中的五大方法及优缺点

相关内容

热门资讯

PHP新手之PHP入门 PHP是一种易于学习和使用的服务器端脚本语言。只需要很少的编程知识你就能使用PHP建立一个真正交互的...
网络中立的未来 网络中立性是什... 《牛津词典》中对“网络中立”的解释是“电信运营商应秉持的一种原则,即不考虑来源地提供所有内容和应用的...
各种千兆交换机的数据接口类型详... 千兆交换机有很多值得学习的地方,这里我们主要介绍各种千兆交换机的数据接口类型,作为局域网的主要连接设...
粉嫩如何诠释霸道 东芝M805... “霸道粉”是个什么玩意东芝M805拿过来的时候,笔者扑哧笑了,不是笑这款笔记本,而是笑这款产品的颜色...
什么是大数据安全 什么是大数据... 在《为什么需要大数据安全分析》一文中,我们已经阐述了一个重要观点,即:安全要素信息呈现出大数据的特征...
如何利用交换机和端口设置来管理... 在网络管理中,总是有些人让管理员头疼。下面我们就将介绍一下一个网管员利用交换机以及端口设置等来进行D...
全面诠释网络负载均衡 负载均衡的出现大大缓解了服务器的压力,更是有效的利用了资源,提高了效率。那么我们现在来说一下网络负载...
如何允许远程连接到MySQL数... [[277004]]【51CTO.com快译】默认情况下,MySQL服务器仅侦听来自localhos...
30分钟搞定iOS自定义相机 最近公司的项目中用到了相机,由于不用系统的相机,UI给的相机切图,必须自定义才可以。就花时间简单研究...
Intel将Moblin社区控... 本周二,非营利机构Linux基金会宣布,他们将担负起Moblin社区的管理工作,而这之前,Mobli...