首页
网页制作
网络编程
脚本专栏
数据库
网站运营
网络安全
平面设计
CMS教程
搜索
建站极客
网络编程
JavaScript
正文
js实现用滚动条来放大缩小图片的代码
所属分类：
网络编程
/
JavaScript
阅读数： 1355
收藏 0
赞 0
分享
这段时间比较闲，就搞了这么一个功能来练练手。
因为没有系统的学习过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> </head> <body> <div style="margin:10px 0 0 40px;padding:10px 0;"> <div class="img"><img src="http://www.blueshut.com/cj/Bluehills.jpg" height="100" resizeable="1" galleryimg="no" /></div> <div class="img"><img src="http://www.blueshut.com/cj/Sunset.jpg" width="300" resizeable="1" galleryimg="no" /></div> <div class="img"><img src="http://www.blueshut.com/cj/Waterlilies.jpg" width="200" resizeable="1" galleryimg="no" /></div> <div class="img"><img src="http://www.blueshut.com/cj/Winter.jpg" width="100" resizeable="1" galleryimg="no" /></div> </div> </body> </html>
[Ctrl+A 全选 注:
引入外部Js需再刷新一下页面才能执行
]
另外问大家个问题，像我这样自定义属性的方式行不行的？就是在<img>标签里加上了自定义的 resizeable="1"。在DW里会报警，这样是不是通不过w3c认证的？
更多精彩内容
其他人还在看
BootStrap数据表格实例代码
本文通过实例代码给大家分享了BootStrap数据表格的相关知识，感兴趣的朋友一起看看吧
评论 0
收藏 0
赞 0
分享
基于vue的短信验证码倒计时demo
这篇文章主要介绍了基于vue的短信验证码倒计时demo，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
评论 0
收藏 0
赞 0
分享
详解React Native开源时间日期选择器组件(react-native-datetime)
本篇文章主要介绍了详解React Native开源时间日期选择器组件(react-native-datetime)，具有一定的参考价值，有兴趣的可以了解一下
评论 0
收藏 0
赞 0
分享
JS库particles.js创建超炫背景粒子插件(附源码下载)
particles.js用于创建粒子的轻量级 JavaScript 库。使用方法非常简单，代码也很容易实现，下面通过本文给大家分享JS库particles.js创建超炫背景粒子插件附源码下载，需要的朋友参考下吧
评论 0
收藏 0
赞 0
分享
JS库之Waypoints的用法详解
waypoints的功能非常强大，一款用于捕获各种滚动事件的插件，下面跟随脚本之家小编一起学习JS库之Waypoints的用法吧
评论 0
收藏 0
赞 0
分享
强大的JavaScript响应式图表Chartist.js的使用
本篇文章主要介绍了强大的JavaScript响应式图表Chartist.js的使用，具有一定的参考价值，有兴趣的可以了解一下
评论 0
收藏 0
赞 0
分享
详解wow.js中各种特效对应的类名
本篇文章主要介绍了wow.js中各种特效对应的类名 ，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
评论 0
收藏 0
赞 0
分享
JS库之Highlight.js的用法详解
highlight.js是一款轻量级的Web代码语法高亮库。下面通过实例代码给大家分享JS库之Highlight.js的用法详解，感兴趣的朋友跟随脚本之家小编一起学习吧
评论 0
收藏 0
赞 0
分享
详解动画插件wow.js的使用方法
本篇文章主要介绍了动画插件wow.js的使用方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
评论 0
收藏 0
赞 0
分享
JS库 Highlightjs 添加代码行号的实现代码
Highlightjs是一款优秀的代码高亮Js组件，可以很方便地对各种语言编写的代码添加语法高亮样式。本文重点给大家介绍Highlightjs 添加代码行号的实现代码，需要的朋友参考下吧
评论 0
收藏 0
赞 0
分享
查看更多
网络赚钱
更多
朋友圈被一条人贩消息刷屏：竟然是营销?
打工妹网购6000多元丰胸产品 无效要求退款时又被骗10万元
个人站长经常做的国内广告联盟
教育培训类网站的盈利模式
做什么样的网站能赚钱?
app开发者如何从应用程序中赚钱？
站长故事
更多
木屋烧烤创始人自述：屌丝的逆袭开餐饮店 连锁餐饮成功的五个因素
2014，回顾互联网公司招聘的那些奇葩故事
阿里IPO在即，看阿里与京东战略和经营之比
作为站长的你是否已有危机感：你被盯上了
如何利用百度贴吧做网络营销
浅谈网站站长之现状
