快捷搜索:

css里expression实现界面对象的批量控制-CSS教程

用过css样式我们就知道, 可以定义一批工具的class属性来指定同一个样式来统一界面. 但若何统一同类型的工具的事故? 比如:界面有无数个 若何实现鼠标颠末此图片, 图片的src变成是**_over.jpg?

办理措施: 应用css的expression措施,详细实现要看看.css的写法:

/*调换图片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;

}

}

)

}/*end imgScript*/

利用样式的img:

您可能还会对下面的文章感兴趣: