html 产品详细展示,HTML 商品展示（js）

利用Object.indexOf(“.”)返回.的下标

在用Object.substr(star，lengh)返回指定长度字符串。star是开始位置，length是截取长度；

————————————————————————————————————————————————————————

商品展示

#id1{

width:248px;

height:248px;

}

img{

display:block;

float:left;

margin-left:0px;

width:40px;

height:40px;

padding:5px;

border:1px solid #CCC;

}

var imgg=document.getElementsByTagName("img");

for(var i=1;i

imgg[i].οnmοuseοver=function(){

var a=this.src;

var i=a.indexOf(".");

var x=a.substr(0,i);

document.getElementById("id1").src=x+"_big.jpg";

imgg[i].οnmοuseοut=function(){

document.getElementById("id1").src="imange/show1_big.jpg";

this.style.border="1px solid #CCC";

}

}

来源：https://www.cnblogs.com/xiaosen992608/p/4079320.html