图片随鼠标滑轮滚动变大变小

最新推荐文章于 2024-11-02 11:15:20 发布

anwell

最新推荐文章于 2024-11-02 11:15:20 发布

阅读量1.7k

点赞数

分类专栏： JavaScript 文章标签： function button input go html 360

本文链接：https://blog.csdn.net/anwell/article/details/454250

版权

JavaScript 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

*
图片随鼠标滑轮滚动变大变小，最大不超过屏幕宽度-360
*/
<HTML>
<HEAD>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<TITLE>onMouseWheel Event Sample</TITLE>
<SCRIPT>
var count = 10;
var oCounter = '100%'
function Picture(obj,valuestr)
{
count = Counting(count);
Resize(obj,count,valuestr);
return false;
}

</HEAD>

<BODY>

<div width="500">
<img src="http://www.wenzhou98.com/bbs/images/logo.gif" onmousewheel="return Picture(this,screen.width-360);" >
</div>
<input type="button" name="go" value="go" οnclick="alert(oImage.height);">
<br>
<br>
<br>
<A HREF="http://msdn.microsoft.com/workshop/samples/author/dhtml/refs/onmousewheelEX.htm" target="_blank">http://msdn.microsoft.com/workshop/samples/author/dhtml/refs/onmousewheelEX.htm</A>.
</BODY>