把鼠标放图片上,滚动鼠标滚轮.

<script language="JavaScript"> <!-- //改变图片大小 function resizepic(thispic) { if(thispic.width>700) thispic.width=700; } //无级缩放图片大小 function bbimg(o) { var zoom=parseInt(o.style.zoom, 10)||100; zoom+=event.wheelDelta/12; if (zoom>0) o.style.zoom=zoom+'%'; return false; } --> </script> <P align=center><IMG onmousewheel="return bbimg(this)" height=341 src="http://bbs.blueidea.com/images/blue/logo.gif" onload=javascript:resizepic(this) border=0></P>
 提示：您可以先修改部分代码再运行

[ 本帖最后由 有个fire人 于 2006-8-20 00:38 编辑 ]

这个代码，很多网页head区上就有。:D

谢谢了啊。不错的

再加个支持鼠标拖动就更好了。;)

only IE

用CSS定义图片大小,当超过时缩小,小的不再变大:

复制内容到剪贴板

代码:

/*FF下有效*/
.pic{
    max-width:180px;
    max-height:200px;
    }
/*IE有效*/
*html .pic{
    width:expression(width>180?"180px":width);
    height:expression(height>200?"200px":height);
    }

这个还有待完善