幽灵资源网 Design By www.bzswh.com

用过css样式我们就知道, 可以定义一批对象的class属性来指定同一个样式来统一界面. 但如何统一同类型的对象的事件? 比如:界面有无数个 <img src="**.jpg"> 如何实现鼠标经过此图片, 图片的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;
}
}
)
}/*endimgScript*/
应用样式的img:
<img src="a.jpg">
标签:
教程,网页制作,网页,控制,批量,实现,界面,对象,图片,样式

幽灵资源网 Design By www.bzswh.com
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
幽灵资源网 Design By www.bzswh.com