<!--呵呵上网偶尔发现的,叫风云舞修改了一下做成了例子,作用及如何操作可以看IMG的title属性,注意,只有"带对滚轮的鼠标有效"-->
<img src='http://www.lshdic.com/bbs/image/mu.jpg' onmousewheel='alert("滚轮值"+event.wheelDelta)' onclick='this.style.zoom=parseInt(this.style.zoom)+1' oncontextmenu='this.style.zoom=parseInt(this.style.zoom)-1;return false'id=a style='position:absolute;zoom:1' title='左键单击放大1倍,右键单击缩小1倍,鼠标滚轮控制'>
<script>
top1=0;
function document.onmousewheel(){
if(event.wheelDelta>0)top1-=10;else top1+=10
a.style.top=top1
}
</script>
<img src='http://www.lshdic.com/bbs/image/mu.jpg' onmousewheel='alert("滚轮值"+event.wheelDelta)' onclick='this.style.zoom=parseInt(this.style.zoom)+1' oncontextmenu='this.style.zoom=parseInt(this.style.zoom)-1;return false'id=a style='position:absolute;zoom:1' title='左键单击放大1倍,右键单击缩小1倍,鼠标滚轮控制'>
<script>
top1=0;
function document.onmousewheel(){
if(event.wheelDelta>0)top1-=10;else top1+=10
a.style.top=top1
}
</script>
let me try.
<HTML>
<HEAD>
<SCRIPT>
var count = 10;
function Picture()
{
count = Counting(count);
Resize(count);
return false;
}
function Counting(count){
if (event.wheelDelta >= 120)
count++;
else if (event.wheelDelta <= -120)
count--;
return count;
}
function Resize(count){
oImage.style.zoom = count + '0%';
}
</SCRIPT>
</HEAD>
<BODY>
<img id="oImage" src="1.jpg" onmousewheel="Picture()" width="283"
height="212" >
</BODY>
</HTML>