jquery 图片无缝切换
2013-10-15 10:26
141 查看
想要和园友分享一下学习jquery的经验、总结,更希望园友提出点建议。
第一次写,有不好的地方请多多见谅!
文笔有限,很多时候不知道怎么来描述,唉、硬伤啊!!那只好多做了,贴代码。。。
ok,废话少说,先上Demo,里面有5个Demo,从简单的jquery到重构为jquery小插件。
包含两个效果,手风琴效果和点击图片放大。
上菜:Demo
无缝连接原理:
1、定义显示区域,比如你有十张图片每次只显示5张。假如一张图片宽150px,那么可以用一个750px的div来包含一个1500px的ul/div。
View Code
手风琴效果和图片放大效果在Demo里也有。可以看一下,欢迎和我讨论。
我是新手,有很多不妥的地方希望园友能提出,非常感谢。一起学习交流。。
手风琴效果
图片放大
版权所有,转载请注明出处,谢谢!
第一次写,有不好的地方请多多见谅!
文笔有限,很多时候不知道怎么来描述,唉、硬伤啊!!那只好多做了,贴代码。。。
ok,废话少说,先上Demo,里面有5个Demo,从简单的jquery到重构为jquery小插件。
包含两个效果,手风琴效果和点击图片放大。
上菜:Demo
无缝连接原理:
1、定义显示区域,比如你有十张图片每次只显示5张。假如一张图片宽150px,那么可以用一个750px的div来包含一个1500px的ul/div。
<script type="text/javascript"> $(function () { $('.myul').ImgSlide({ showImages: 6 }); }); </script>
View Code
手风琴效果和图片放大效果在Demo里也有。可以看一下,欢迎和我讨论。
我是新手,有很多不妥的地方希望园友能提出,非常感谢。一起学习交流。。
手风琴效果
图片放大
版权所有,转载请注明出处,谢谢!
相关文章推荐
- jQuery实现鼠标经过图片变亮其他变暗效果
- jQuery实现按比例缩放图片的方法
- 基于JQuery的实现图片轮播效果(焦点图)
- jQuery轻量级响应式图片轮播插件ResponsiveSlides.js(仅1kb)
- jquery加载图片时以淡入方式显示的方法
- Jquery动态改变图片IMG的src地址示例
- jQuery点击输入框显示验证码图片
- 自己写jquery.lazyloading图片延迟加载插件,通用
- jQuery带图片过滤功能的Masonry瀑布流插件
- 使用Ajax以及Jquery.form异步上传图片
- Jquery.ScrollLoading图片延迟加载技术
- 使用jQuery和CSS将背景图片拉伸((http://www.xianjiaxin198.com/西安嘉信铁路器材有限公司官网))
- jQuery在页面加载时动态修改图片尺寸
- jQuery 实现简单的图片懒加载
- jQuery动态改变图片显示大小
- JQuery+ajax实现批量上传图片
- Jquery vaildate 自定义验证图片大小和类型
- 10款让人惊叹的HTML5/jQuery图片动画特效
- jquery图片查看插件,支持旋转、放大、缩小、拖拽、缩略图(仿qq图片查看)
- jquery实现 图片延迟加载