仓酷云

标题: CSS教程之CSS中expression利用简介 [打印本页]

作者: 乐观 时间: 2015-1-16 00:20
标题: CSS教程之CSS中expression利用简介
网上冲浪无论你用InternetExplorer还是NetscapeNavigator，几乎随时都在与CSS打交道，在网上没有使用过CSS的网页可能不好找。
界说
　　IE5及其今后版本撑持在CSS中利用expression，用来把CSS属性和Javascript表达式联系关系起来，这里的CSS属性能够是元素固有的属性，也能够是自界说属性。就是说CSS属性前面能够是一段Javascript表达式，CSS属性的值即是Javascript表达式盘算的了局。在表达式中能够间接援用元素本身的属性和办法，也能够利用其他扫瞄器工具。这个表达式就仿佛是在这个元素的一个成员函数中一样。　　给元素固有属性赋值
　　比方，你能够按照扫瞄器的巨细来安装一个元素的地位。
#myDiv{
position:absolute;
width:100px;
height:100px;
left:expression(document.body.offsetWidth-110+"px");
top:expression(document.body.offsetHeight-110+"px");
background:red;
}
　　给元素自界说属性赋值
　　比方，打消页面上的链接虚线框。一般的做法是：
<ahref="link1.htm"onfocus="this.blur()">link1</a>
<ahref="link2.htm"onfocus="this.blur()">link2</a>
<ahref="link3.htm"onfocus="this.blur()">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="#FF0000";
onmou搜索引擎优化ut=this.style.backgroundColor="#FFFFFF")}
</style>
<styletype="text/css">
input{star:expression(onmou搜索引擎优化ver=this.style.backgroundColor="#FF0000";
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对扫瞄器资本请求对照高。

你可以轻松地控制页面的布局。

作者: 只想知道 时间: 2015-1-16 09:04
标题: CSS教程之CSS中expression利用简介
滚动条)层属性--溢出(visible/hidden/scroll/auto)

作者: 飘灵儿 时间: 2015-1-18 10:13
难以逾越的障碍会大大打击你的学习积极性。这就需要你的恒心，坚持不懈的决心。在自己无法解决某些问题时，就需要虚心请教别人.

作者: 透明 时间: 2015-1-27 06:45
学Dreamweaver技术的过程其实是一个增加信心的过程。

作者: 深爱那片海 时间: 2015-2-5 10:22
这个过程其实就是交流的过程。所有的这些都需要花时间。在面对完全陌生的软件时，就要多花时间对其产生初步的印象。此外，多操作也是非常重要的。

作者: 小妖女 时间: 2015-2-11 11:22
Dreamweaver是唯一提供Roundtrip HTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。

作者: 精灵巫婆 时间: 2015-3-2 12:20
足见市场的反响和MACROMEDIA公司对它们的自信。说到Dreamweaver8我们应该了解一下网页编辑器的发展过程，随着互联网(Internet) 的家喻户晓。

作者: 只想知道 时间: 2015-3-11 05:59
不管老师做怎样的解释，而我却对它感到很是吃力，诸如里面有许多不知道的功能。

作者: 再现理想 时间: 2015-3-25 10:15
Dreamweaver由MX版本开始使用Opera软件公司的排版引擎“Presto”作为网页预览。

欢迎光临仓酷云 (http://www.ckuyun.com/)