码迷,mamicode.com
首页 > Web开发 > 详细

CSS中behavior属性语法简介

时间:2014-08-24 12:53:12      阅读:250      评论:0      收藏:0      [点我收藏+]

标签:style   blog   color   java   使用   io   strong   for   问题   

本文和大家重点讨论一下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"/> 
<scripttype scripttype="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取而代之

CSS中behavior属性语法简介

标签:style   blog   color   java   使用   io   strong   for   问题   

原文地址:http://www.cnblogs.com/opaljc/p/3932636.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!