css里expression完成页面目标的大批量操纵

日期:2021-01-20 类型:科技新闻 

关键词:商城网站建设,微商好助手,微商引流,电商网站模板,微信商家小程序


用过css款式大家就了解, 能够界定1批目标的class特性来特定同1个款式来统1页面. 但怎样统1同种类的目标的恶性事件? 例如:页面有没有数个 <img src="**.jpg"> 怎样完成电脑鼠标历经此照片, 照片的src变为是**_over.jpg?

处理方式: 应用css的expression方式,实际完成要看看.css的写法:

/*更换照片CSS*/
#imgScript{/*这里应用目标ID来通配款式,还可以界定1个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">