本文介绍了一种使用JavaScript实现的图片鼠标悬停放大缩小效果。通过简单的HTML结构配合JavaScript代码，实现了图片在鼠标移上时放大到400px*400px，在鼠标移开时缩小回100px*100px的功能。
<img src="" onmouseover="bigger()" onmouseout="smaller()" id="img">
<script type="text/javascript">
var img = document.getElementById('img');
//alert(img);
function bigger(){
img.style.width = '400px';
img.style.height = '400px';
}
function smaller(){
img.style.width = '100px';
img.style.height = '100px';
}
</script>
<script type="text/javascript">
var img = document.getElementById('img');
//alert(img);
function bigger(){
img.style.width = '400px';
img.style.height = '400px';
}
function smaller(){
img.style.width = '100px';
img.style.height = '100px';
}
</script>
扫一扫
7363
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
