6
Mar.2007
直接在CSS文件中控制输入框input样式,鼠标悬停交互效果(仅IE有效)。不但实现了内容与表现分离,而且使xhtml代码减小,促进了代码重用、更加的优化。演示见本站输入表单(如评论、注册、登入表单)。
这一方法的原理,主要是应用CSS的expression,IE5及其以后版本支持在CSS中使用expression,用来把CSS属性和Javascript脚本关联起来,这里的CSS属性可以是元素固有的属性,也可以是自定义属性。就是说CSS属性后面可以是一段Javascript表达式,CSS属性的值等于Javascript表达式计算的结果。 在表达式中可以直接引用元素自身的属性和方法,也可以使用其他浏览器对象。这个表达式就好像是在这个元素的一个成员函数中一样。说简单点就是:我们可以通过expression把Javascript脚本写放在css文件中,通过它来实现一些很方便的功能与效果。
这一方法的原理,主要是应用CSS的expression,IE5及其以后版本支持在CSS中使用expression,用来把CSS属性和Javascript脚本关联起来,这里的CSS属性可以是元素固有的属性,也可以是自定义属性。就是说CSS属性后面可以是一段Javascript表达式,CSS属性的值等于Javascript表达式计算的结果。 在表达式中可以直接引用元素自身的属性和方法,也可以使用其他浏览器对象。这个表达式就好像是在这个元素的一个成员函数中一样。说简单点就是:我们可以通过expression把Javascript脚本写放在css文件中,通过它来实现一些很方便的功能与效果。


















