HTML中怎么使鼠标悬停在图片上,使图片变大?求代码解释。

如题所述

<!DOCTYPE html>
<head>
<script>
window.onload = function(){
 var img = document.getElementById("imgTest");
 if (document.addEventListener){
  img.addEventListener("mouseover",doMouseover,false);
  img.addEventListener("mouseout",doMouseout,false);
 }
 else if(document.attachEvent){
  img.attachEvent("mouseover",doMouseover);
  img.attachEvent("mouseout",doMouseout);
 }
 else{
  img.onmouseover = doMouseover;
  img.onmouseout = doMouseout;
 }
}
function doMouseover(){
 this.width = this.width * 1.5;
 this.height = this.height * 1.5;
}
function doMouseout(){
 this.width = this.width / 1.5;
 this.height = this.height / 1.5;
}
</script>
</head>
<body>
<img id = "imgTest" src = "img/barcode.jpg"/>
</body>
</html>

追问

这好像只能改一张图片啊?怎么改多张?

追答

想实现什么效果能不能具体些?

追问

就是想把多个图片做成一个宣传栏的类型,鼠标指上去,图片在指定的区域内放大显示。

追答

为每张图片注册mouseover和mouseout事件就可以了。

追问

这个,我不会啊,麻烦你说清楚点嘛。

温馨提示:答案为网友推荐,仅供参考
第1个回答  2014-01-15
设置鼠标经过行为,换图片即可追问

怎么换? 求代码

第2个回答  2014-01-18
给你一个网站,懒人图库里面有代码的!
相似回答