实例讲解css中的行为：expression和behavior（2）
CSS中的behavior行为
CSS中的behavior也是表现和行为相联系的纽带。只是behavior相比expression更善于解决一些重量级的任务（例如在IE6中实现对透明PNG的支持，我们将在以后的文章中讲到）。
所以上面的需求，如果用behavior来实现的话，将会非常轻松。
先建一个htc文件，名字虽然命名，这就命名为"changeColor.htc"吧，内容很简单，会JavaScript的都能看懂——
<public:attach event="onmouseover" onevent="befor()" />
<public:attach event="onmouseout" onevent="after()" />
<script type="text/javascript">
function befor(){
this.style.backgroundColor="#7FFFAA";
this.style.color="red";
this.style.cursor="pointer";
}
function after(){
this.style.backgroundColor="";
this.style.color="";
this.style.cursor="";
}
</script>
<public:attach event="onmouseout" onevent="after()" />
<script type="text/javascript">
function befor(){
this.style.backgroundColor="#7FFFAA";
this.style.color="red";
this.style.cursor="pointer";
}
function after(){
this.style.backgroundColor="";
this.style.color="";
this.style.cursor="";
}
</script>
然后在通用的css文件中加入下面的样式，来引入htc文件——
li, td, blockquote,a { behavior: url("changeColor.htc") }
这样，就将样式和行为完全的分离开来了。以后那该死的顾客再要改变什么，只要在通用css或者htc文件中进行相应的修改即可。
expression和behavior的重要说明
1：只有IE才可以使用
css中的行为,expression和behavior只有IE才有效，FireFox无效，而且IE也只有IE5以上的版本才支持。
2：不推荐使用expression和behavior
在页面渲染的过程中，expression和behavior需要大量的计算，会大量地耗费客户端资源。所以不到迫不得已，请不要使用expression和behavior。
3：expression和behavior的现实意义
上面两点，好像已经判了expression和behavior死刑。其实，并不是，它们依然有着现实意义——就是用另外一种途径解决IE6的兼容性问题（IE5已经基本退出市场，可以不用考虑）。例如：IE7以上的版本、FireFox、Opera、Safari都已经支持透明PNG图片，但是IE6却不能支持。这是IE6天生的缺陷，但是为了能让IE6也能够兼容我们的设计效果，那么这时候behavior便有了用武之地。
总的来说，expression和behavior在逐渐的没落，但是只要IE6还是浏览器市场上占有一席之地，expression和behavior就依然有着旺盛的生命力。
资源和Demo下载
站长工具
相关文章
请稍等，评论加载中...