今天在做网站页面的时候发现,在超链接中也可以使用id来引用,例如用在这样的场合:
在一些电子商务网站的产品页面的图片会有一个链接,用于在新页面查看产品的图片,html代码:
function change1(url,index,obj){ //onmouse at the product image event
var objA = document.getElementById('bigImgA');
var objS = document.getElementById('bigImg');
var objC = document.getElementById('bigImgC');
objS.src = url;
objA.href = bigImg1[index];
objC.href = bigImg1[index];
if(parentIdStr != ""){
document.getElementById(parentIdStr).className = '';
obj.parentNode.className = "active";
}else{
obj.parentNode.className = "active";
}
parentIdStr = obj.parentNode.id;
}
change1()方法在用户鼠标放在产品大图片下的的不同小图片时触发,当用户鼠标放在小图片上时,大图片的区域将显示相应的大产品图片,并且objC处的的值将会变化,会赋与同产品大图片相同的url。
产品大图下的小图片代码:
#foreach($imgVo in $ImageList1)
可见,html的操作内容还是可以挖掘出不少东东的@