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

站长资源 2024/11/18 佚名

17 1538 17

富贵资源网 Design By www.hznty.com

这段时间比较闲，就搞了这么一个功能来练练手。
因为没有系统的学习过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实现用滚动条来放大缩小图片的代码

富贵资源网 Design By www.hznty.com

广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！

富贵资源网 Design By www.hznty.com

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

暂无评论...

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

javascript实现unicode和字符的互相转换

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

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

友情链接