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

网络编程 2024/10/14 佚名

3 2 1

这段时间比较闲，就搞了这么一个功能来练练手。
因为没有系统的学习过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认证的？

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