当前位置: 网站建设 > 网页设计 > 建站经验 >

CSS中expression使用简介

时间:2013-03-02 03:43来源:未知 作者:admin 点击:

标签:CSS中expression使用简介 简介(5)po(1)使用(77)Expression(3)CSS(655)#myDiv(1)
#myDiv { position: absolute; width: 100px; height: 100px; left: expression(document.body.offsetWidth - 110 + px); top: expression(document.body.offsetHeight - 110 + px); background: red; } 给元素自定义属性赋值 采取expression的做法如下: st
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使用简介相关文章
上一篇:CSS中display各属性语法参数详解 附实例 下一篇:CSS中Visibility和Display的区别
回到顶部