网站建设|北京网站建设|北京网站制作|北京网站建设首选品牌【企通互联】

作者： 北京网站建设   日期：2008-03-27 06:14:07  来源： http://www.qitongnet.com

资深北京网站建设公司企通互联,专业致力于北京网站建设,北京网站制作,北京网站设计,北京网页设计领域,千余网站建设案例，公司拥有国内一流的网站建设、网站制作、网页设计团队，如果您已经有网站的,看看我们精美的网站建设案例也无妨.北京网站建设网址：http://www.qitongnet.com ======================================================================================= IE5及其以后版本支持在CSS中使用expression，用来把CSS属性和Javas cript表达式关联起来，这里的CSS属性可以是元素固有的属性，也可以是自定义属性。就是说CSS属性后面可以是一段Javas cript表达式，CSS属性的值等于Javas cript表达式计算的结果。 在表达式中可以直接引用元素自身的属性和方法，也可以使用其他浏览器对象。这个表达式就好像是在这个元素的一个成员函数中一样。

　　给元素固有属性赋值

　　例如，你可以依照浏览器的大小来安置一个元素的位置。

以下是引用片段：北京网页设计 #myDiv { 北京网站设计 position: absolute; 网站建设 width: 100px; 北京网站制作 height: 100px; 网站设计 left: expression(document.body.offsetWidth - 110 + "px"); 网站制作 top: expression(document.body.offsetHeight - 110 + "px"); 网页设计 background: red; 北京网站制作 }

　　给元素自定义属性赋值

　　例如，消除页面上的链接虚线框。 网页设计 通常的做法是：

以下是引用片段：www.qitongnet.com <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么，何况两者一比较，哪个产生的冗余代码更多呢？

　　采用expression的做法如下：

以下是引用片段：网站设计 <style type="text/css"> 北京网站设计 a {star : expression(onfocus=this.blur)} www.qitongnet.com </style> 北京网站制作 <a href="link1.htm">link1</a> 北京网站建设企通互联 <a href="link2.htm">link2</a> 网站设计 <a href="link3.htm">link3</a>

　　说明：里面的star就是自己任意定义的属性，你可以随自己喜好另外定义，接着包含在expression()里的语句就是JS脚本，在自定义属性与expression之间可别忘了还有一个引号，因为实质还是CSS，所以放在style标签内，而非s cript内。OK，这样就很容易地用一句话实现了页面中的链接虚线框的消除。不过你先别得意，如果触发的特效是CSS的属性变化，那么出来的结果会跟你的本意有差别。例如你想随鼠标的移进移出而改变页面中的文本框颜色更改，你可能想当然的会认为应该写为

以下是引用片段：北京网页设计 网站制作 <style type="text/css"> 企通互联 input  北京网站制作 {star : expression(onmouseover=this.style.backgroundColor="#FF0000"; 网站制作 onmouseout=this.style.backgroundColor="#FFFFFF")} 北京网站制作 </style> 网站建设 <style type="text/css"> 网站建设 input {star : expression(onmouseover=this.style.backgroundColor="#FF0000"; 网站设计 onmouseout=this.style.backgroundColor="#FFFFFF")} www.qitongnet.com </style> 北京网站设计 <input type="text"> 网页设计 <input type="text"> 网站制作 <input type="text">

　　可结果却是出现脚本出错，正确的写法应该把CSS样式的定义写进函数内，如下所示：

以下是引用片段：网站制作 <style type="text/css"> 企通互联 input {star : expression(onmouseover=function() 企通互联 {this.style.backgroundColor="#FF0000"}, www.qitongnet.com onmouseout=function(){this.style.backgroundColor="#FFFFFF"}) } 企通互联 </style> 北京网站设计 <input type="text"> 网页设计 <input type="text"> 北京网站制作 <input type="text">

　　注意

　　不是非常需要，一般不建议使用expression，因为expression对浏览器资源要求比较高。

实例：利用 北京网页设计css里expression来实现界面对象的批量控制

    问题说明: 用过CSS样式我们就知道, 可以定义一批对象的class属性来指定同一个样式来统一界面. 但如何统一同类型的对象的事件? 比如:界面有无数个 <img src="**.jpg"> 如何实现鼠标经过此图片, 图片的src变成是**_over.jpg?www.qitongnet.com
  北京网站建设
 网站建设
解决方法: 使用css的expression方法,企通互联
具体实现要看看.css的写法:网站设计
 北京网页设计

以下是引用片段：www.qitongnet.com /*替换图片 北京网站制作CSS*/ 北京网站设计 #imgScript {   /*这里使用对象ID来通配样式, 也可以定义一个css函数*/ 北京网站制作  star:expression( 网站建设     onmouseover = function() 网站设计     {  网站设计         /*替换图片*/ 北京网站设计         if(this.hover != null){ 网站制作           this.name = this.src; 北京网页设计           this.src = this.src.replace('.jpg', '_over.jpg');  网站设计           this.HasChg = 1; 企通互联        } 北京网站设计    }, 网页设计    onmouseout = function() 网页设计   {   北京网站建设        /*还原本来的图片*/ 网站制作      if(this.HasChg != null){ 北京网站建设         this.src = this.name; 北京网站建设         this.HasChg = null; 企通互联 www.qitongnet.com     } 网站建设北京网页设计  } 北京网站设计 )  www.qitongnet.com }/*end imgScript*/

北京网页设计

字体：【大】【中】【小】

这是一个与众不同的品牌，企通互联只专注于网站建设领域！中小型企业网站建设最佳合作伙伴！网站建设咨询热线：010-65587978/77/76/75!