《
CSS中expression使用简介》文章地址:http://www.tfxk.com/wangyesheji/jianzhanjingyan/0302332552013.htm
#myDiv {
position: absolute;
width: ,CSS中display各属性语法参数详解 附实例;  ,CSS中Class与ID的区别,Margin与Padding的区别; 100px;
height: 100px;
left:  ,CSS两种方法实现隔行换色; expression(document.body.offsetWidth - 110 + "px");
top: expression(document.body.offsetHeight - 110 + "px");
background: red;
}
给元素自定义属性赋值
采取expression的做法如下:
<style type="text/css">
a {star : expression(onfocus=this.blur)}
</style>
<a href="link1.htm">link1</a>
<a href="link2.htm">link2</a>
<a href="link3.htm">link3</a>
阐明:里面的star就是本人任意定义的属性,你可以随自己爱好另外定义,CSS下拉菜单的制作,接着包括在expression()里的语句就是JS脚本,在自定义属性与expression之间可别忘了还有一个引号,由于本质仍是CSS,所以放在style标签内,而非script内。OK,这样就很轻易地用一句话实现了页面中的链接虚线框的排除。不外你先别自得,如果触发的殊效是CSS的属性变更,那么出来的结果会跟你的本意有差异。例如你想随鼠标的移进移出而转变页面中的文本框色彩更改,你可能想当然的会以为应当写为
例如,CSS三层布局模型,打消页面上的链接虚线框。 通常的做法是:
例如,你可以按照浏览器的大小来安顿一个元素的地位。
定义
<style type="text/css">
input {star : expression(onmouseover=function()
{this.style.backgroundColor="#FF0000"},
onmouseout=function(){this.style.backgroundColor="#FFFFFF"}) }
</style>
<input type="text">
<input type="text">
<input type="text">
留神
给元素固有属性赋值
Tag:简介 使用
--> [
网站建设之]CSS中expression使用简介
不是十分须要,个别不倡议使用expression,因为expression对浏览器资源请求比较高。
<style type="text/css">
input
{star : expression(onmouseover=this,CssGaga教程 css合并与CSS优化.style.backgroundColor="#FF0000";
onmouseout=this.style,CSS3:background-image可使用多背景图.backgroundColor=",CSS3网页实例 美化网页下拉列表;#FFFFFF")}
</style>
<,CSS3网页制作教程 Action hovert;style type="text/css">
input {star : expression(onmouseover=this.style.backgroundColor="#FF0000";
onmouseout=this.style.backgroundColor="#FFFFFF")}
</style>
<input type="text">
<input type="text">
<input type="text">
可结果却是呈现脚本犯错,准确的写法应该把CSS款式的定义写进函数内,如下所示:
IE5及其当前版本支撑在CSS中使用expression,用来把CSS属性跟javascript表达式关系起来,这里的CSS属性可以是元素固有的属性,也能够是自定义属性。就是说CSS属性后面可以是一段javascript表达式,CSS属性的值即是javascript表白式盘算的成果。 在抒发式中可以直接援用元素本身的属性和方式,也可以应用其余阅读器对象。这个表达式就似乎是在这个元素的一个成员函数中一样。
<,CSS3网页制作实例 CSS3网页页面效果;a href="link1.htm" onfocus="this.blur()">link1</a>
<a href="link2.htm" onfocus="this.blur()">link2</a>
<a href="link3.htm" onfocus="this.blur()">link3</a>
粗看或者还体现不出采用expression的上风,但假如你的页面上有多少十甚至上百个链接,这时的你岂非还会机械式地Ctrl+C,Ctrl+V么,何况两者一比拟,哪个发生的冗余代码更多呢?
(责任编辑:网站建设)
CSS中expression使用简介相关文章