js实现用滚动条来放大缩小图片的代码

网络编程发布日期：2024/10/14 浏览次数：1

正在浏览：js实现用滚动条来放大缩小图片的代码

这段时间比较闲，就搞了这么一个功能来练练手。
因为没有系统的学习过javascript，很多东西都是现学现用。请大家多提宝贵意见，谢谢

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>无标题文档</title> <style type="text/css">  </style>  </head> <body>      <a href="javascript:;" onclick="showimg('/UploadFiles/2021-04-02/Bluehills.jpg');"><img src="/UploadFiles/2021-04-02/Bluehills.jpg" alt="js实现用滚动条来放大缩小图片的代码" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/></a>     <a href="javascript:;" onclick="showimg('http://www.blueshut.com/cj/Sunset.jpg');"><img src="http://www.blueshut.com/cj/Sunset.jpg" alt="js实现用滚动条来放大缩小图片的代码" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/></a>     <a href="javascript:;" onclick="showimg('/UploadFiles/2021-04-02/Waterlilies.jpg');"><img src="/UploadFiles/2021-04-02/Waterlilies.jpg" alt="js实现用滚动条来放大缩小图片的代码" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/></a>     <a href="javascript:;" onclick="showimg('http://www.blueshut.com/cj/Winter.jpg');"><img src="http://www.blueshut.com/cj/Winter.jpg" alt="js实现用滚动条来放大缩小图片的代码" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/></a>  </body> </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]
另外问大家个问题，像我这样自定义属性的方式行不行的？就是在<img>标签里加上了自定义的 resizeable="1"。在DW里会报警，这样是不是通不过w3c认证的？

上一篇：javascript实现unicode和字符的互相转换

下一篇：javascript实现爱你在FF IE下都有效的添加一个项目