jQuery插件slick实现响应式移动端幻灯片图片切换特效
2015-04-12 10:41
1181 查看
jQuery响应式手机端移动端幻灯片图片切换特效插件slick,基于jQuery,功能非常强大,支持左右按钮切换、支持圆点切换、支持自定义切换数量,支持自定义切换速度、支持图片预加载、支持自动播放定义,效果非常的不错,众多的参数自定义支持,觉得可以的可以参考他们的参数配置,还是值得学习使用的。
使用方法:
1.加载插件和jQuery
<script src="//code.jquery.com/jquery-1.11.0.min.js"></script> <script src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script> <script type="text/javascript" src="slick/slick.js"></script> <link rel="stylesheet" type="text/css" href="slick/slick.css"/>
2.HTML内容
<div class="slider fade"> <div><div class="image"><img src="img/fonz1.png"/></div></div> <div><div class="image"><img src="img/fonz2.png"/></div></div> <div><div class="image"><img src="img/fonz3.png"/></div></div> </div>
3.函数调用
<script type="text/javascript"> $(document).ready(function() { $('.fade').slick({ dots: true, infinite: true, speed: 500, fade: true, slide: 'div', cssEase: 'linear' }); }); </script>
以上所述就是本文的全部内容了,希望大家能够喜欢。
您可能感兴趣的文章:
相关文章推荐
- jQuery响应式手机端移动端幻灯片图片切换特效插件slick
- jQuery插件Elastislide实现响应式的焦点图无缝滚动切换特效
- jQuery插件slicebox实现3D动画图片轮播切换特效
- 完美兼容各大浏览器的jQuery插件实现图片切换特效
- 完美兼容各大浏览器的jQuery插件实现图片切换特效
- jQuery插件打造10多款具有超强的视觉冲击的图片切换特效
- 网友Nicky分享jquery css3响应式图片轮播特效|jqueryschool-插件教程分享
- jquery插件orbit.js实现图片折叠轮换特效
- jquery roundabout幻灯片插件3d图片切换支持图片旋转切换滚动
- jQuery插件expander实现图片翻转特效
- 各大门户网站Flash和JS实现的图片幻灯片切换特效代码文件下载
- 基于jQuery插件实现环形图标菜单旋转切换特效
- jQuery插件zoom实现图片全屏放大弹出层特效
- 10款响应式 jQuery实现图片效果插件
- jquery 实现图片切换幻灯片效果
- jquery图片幻灯片插件特效jquery.slider例子
- Flash和JS实现的图片幻灯片切换特效
- 黄聪:手机移动端建站Jquery+CSS3+HTML5触屏滑动特效插件、实现触屏焦点图、图片轮展图
- 基于jQuery插件实现环形图标菜单旋转切换特效
- jQuery插件expander实现图片翻转特效