什么是CSSexpression？
IE5及其以后版本支持在CSS中使用expression
用来把CSS属性和Javascript脚本关联起来这里
CSS属性可以是元素固有属性也可以是自定义属性
就是说CSS属性后面可以是
段Javascript表达式CSS属性值等于Javascript表达式计算结果在表达式中可以直接引用元素自身属性和思路方法也可以使用其他浏览器对象这个表达式就好像是在这个元素个成员
中样是不是感觉上面文字有点晦涩？没有关系你只需要知道:我们可以通过expression把Javascript脚本写放在css文件中通过它来实现些很方便功能和效果CSSexpression能发挥什么作用呢？
1、给元素固有属性赋值
下面
例子是依照浏览器大小来安置个元素位置查看运行效果试试 =\"ubbbuttonrt\">[ 可先修改部分代码 再运行查看效果 ]
2、给元素自定义属性赋值
我们想给页面
链接消除点击时产生虚线在
般情况下我们是这样做:<ahref=\"link1.htm\"onfocus=\"this.blur
\">52css.com</a><br/><ahref=\"link2.htm\"onfocus=\"this.blur
\">52css.com</a><br/><ahref=\"link3.htm\"onfocus=\"this.blur
\">52css.com</a>粗看或许没有感觉
但如果你页面上有几十甚至上百个链接这时你难道还会机械式地Ctrl+CCtrl+V么采用expression优势现在就突现出来了两者比较哪个产生冗余代码更多呢？采用expression
做法如下:a{star:expression(this.onFocus=this.blur
)}我们看下面
例子:=\"ubbbuttonrt\">[ 可先修改部分代码 再运行查看效果 ]
介绍说明:里面
star就是自己任意定义属性你可以随自己喜好另外定义接着包含在expression里语句就是JS脚本在自定义属性和expression的间可别忘了还有个引号
实质还是CSS所以放在style标签内而非script内这样就很容易地用句话实现了页面中链接虚线框消除需要引起你特别重视
:若不是非常特别需要用到expression般不建议使用expressionexpression对浏览器资源要求比较高我们将在以后
文章中写出些有关expression应用例子及使用方法注意点请关注我们网站WebSite:我爱CSS-52css.com
最新评论