本文介绍了一种使用JavaScript实现的图片动态缩放效果。通过两个按钮控制图片大小的变化，实现图片的放大与缩小功能，并带有平滑过渡效果。适用于网页互动元素的设计。
脚本说明:
把如下代码加入<body>区域中
<input type=button value='慢慢变大' onclick=max()>
<input type=button value='慢慢变小' onclick=min()>
<img src=049.gif onclick="javascript:window.open(this.src);" style="CURSOR: pointer" onload="return imgzoom(this,550)">
<script>
var i=0
//变大
function max(){
MImg=MainImg.style.pixelWidth+=i++
MainImg.style.pixelHeight=MImg*aaa
if(i<20)setTimeout('max()',100)
}
//变小
function min(){
MImg=MainImg.style.pixelWidth-=i--
MainImg.style.pixelHeight=MImg*aaa
if(i>0)setTimeout('min()',100)
}
function init(){
aaa=MainImg.height/MainImg.width
MainImg.style.pixelWidth=0
MainImg.style.pixelHeight=0
}
onload=init
</script>
把如下代码加入<body>区域中
<input type=button value='慢慢变大' onclick=max()>
<input type=button value='慢慢变小' onclick=min()>
<img src=049.gif onclick="javascript:window.open(this.src);" style="CURSOR: pointer" onload="return imgzoom(this,550)">
<script>
var i=0
//变大
function max(){
MImg=MainImg.style.pixelWidth+=i++
MainImg.style.pixelHeight=MImg*aaa
if(i<20)setTimeout('max()',100)
}
//变小
function min(){
MImg=MainImg.style.pixelWidth-=i--
MainImg.style.pixelHeight=MImg*aaa
if(i>0)setTimeout('min()',100)
}
function init(){
aaa=MainImg.height/MainImg.width
MainImg.style.pixelWidth=0
MainImg.style.pixelHeight=0
}
onload=init
</script>
扫一扫
1949
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
