博客展示了通过CSS和JavaScript函数实现图片交互效果的代码。利用鼠标事件，如左键单击放大、右键单击缩小、鼠标滚轮控制图片位置，还定义了函数处理鼠标滚轮事件来改变图片的垂直位置。
<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>
<script>
top1=0;
function document.onmousewheel(){
if(event.wheelDelta>0)top1-=10;else top1+=10
a.style.top=top1
}
</script>
扫一扫
2673
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
