来讲讲:CSS中的举动――expression
你可以轻松地控制页面的布局。作者的blog:www.jluvip.com/blog/
CSS中的举动――expression
比来对CSS中的举动对照感乐趣,固然是不切合尺度的也只要ie才干辨认,可是他的确给css的功效扩大了很多。上面是摘自互联网上的笔墨和例子,由于都被转烂了,没法说明出处。
IE5及其今后版本撑持在CSS中利用expression,用来把CSS属性和Javascript表达式联系关系起来,这里的CSS属性能够是元素固有的属性,也能够是自界说属性。就是说CSS属性前面能够是一段Javascript表达式,CSS属性的值即是Javascript表达式盘算的了局。在表达式中能够间接援用元素本身的属性和办法,也能够利用其他扫瞄器工具。这个表达式就仿佛是在这个元素的一个成员函数中一样。
给元素固有属性赋值
上面是界说container容器的宽度,假如<725就为本人的宽度,不然就即是725,相称于max-width:725px;。
<styletype="text/css"media="screen">
#container{width:expression((documentElement.clientWidth<725)?"725px":"auto");}
</style>
给元素自界说属性赋值
比方,打消页面上的链接虚线框。一般的做法是:
<ahref="link1.htm">link1</a>
<ahref="link2.htm">link2</a>
<ahref="link3.htm">link3</a>
粗看也许还表现不出接纳expression的上风,但假如你的页面上有几十乃至上百个链接,这时候的你岂非还会机器式地Ctrl+C,Ctrl+V么,况且二者一对照,哪一个发生的冗余代码更多呢?
接纳expression的做法以下:
<styletype="text/css">
a{star:expression(onfocus=this.blur);}
</style>
<ahref="link1.htm">link1</a>
<ahref="link2.htm">link2</a>
<ahref="link3.htm">link3</a>
申明:内里的star就是本人恣意界说的属性,你能够随本人喜欢别的界说,接着包括在expression()里的语句就是JS剧本,在自界说属性与expression之间可别忘了另有一个引号,由于本色仍是CSS,以是放在style标签内,而非script内。OK,如许就很简单地用一句话完成了页面中的链接虚线框的打消。不外你先别满意,假如触发的殊效是CSS的属性变更,那末出来的了局会跟你的本意有不同。比方你想随鼠标的移进移出而改动页面中的文本框色彩变动,你大概想固然的会以为应当写为
<styletype="text/css">
input{star:expression(onmou搜索引擎优化ver=this.style.backgroundColor="#F5F5F5";
onmou搜索引擎优化ut=this.style.backgroundColor="#FFFFFF")}
</style>
<inputtype="text">
<inputtype="text">
<inputtype="text">
可了局倒是呈现剧本堕落,准确的写法应当把CSS款式的界说写进函数内,以下所示:
<styletype="text/css">
input{star:expression(onmou搜索引擎优化ver=function()
{this.style.backgroundColor="#FF0000"},
onmou搜索引擎优化ut=function(){this.style.backgroundColor="#FFFFFF"})}
</style>
<inputtype="text">
<inputtype="text">
<inputtype="text">
注重:不长短常必要,一样平常不倡议利用expression,由于expression对扫瞄器资本请求对照高。
可以增加更多的用户而不需要建立独立的版本。可以一次设计,随处发布。
来讲讲:CSS中的举动――expression
以上大概就是文字图片的一些链接方法,通过学习Dreamweaver、练习让我对dreameaver8有了进一步的认识,他其实是一款很好的建立Web站点和应用程序的软件。它将可视布局工具、应用程序开发功能和代码编辑支持组合在一起,其功能强大,使得各个层次的开发人员和设计人员都能够快速创建界面吸引人的基于标准的网站和应用程序。 在Dreamweaver里可以很轻松的完成图文混排、插入图片、插入Flash、插入音频、插入视频。 在Dreamweaver里可以很轻松的完成图文混排、插入图片、插入Flash、插入音频、插入视频。 Adobe Dreamweaver CS5 软件使设计人员和开发人员能充满自信地构建基于标准的网站。由于同新的 Adobe CS Live 在线服务 Adobe BrowserLab 集成。 帧(frames)和表格的制作速度快的令您无法想像。进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。 布局表格、绘制层、制作CSS样式表等,这些内容迷糊了我的视线,真是没想到制作一个精巧别致的网页是如此的困难,可是心有不甘。 所见则所得网页编辑器的优点就是直观性,使用方便,容易上手. 经过两天的学习,总算对Dreamweaver有进一步的了解了,心中不免有些激动。今天和其他几位老师交流了一下,感觉受益匪浅.
页:
[1]