宝哥软件园

jQuery插件弹性滑块实现响应式的焦点图无缝滚动切换特效

编辑:宝哥软件园 来源:互联网 时间:2021-09-09

支持响应式的jQuery焦点图片无缝滚动切换特效插件弹性滑梯,非常漂亮的图片轮播特效插件,支持左右轮播图片、上下轮播图片、自适应移动端显示,支持众多的参数配置:方向: '水平(水平切换),速度: 500(切换速度,单位毫秒),轻松:"轻松进出"(动画效果),minItems : 3(默认展示的数量)等,浏览器兼容方面:IE8、以及较现代浏览器,不介意低版本浏览器的可以使用,当然也可以使用到移动端触屏。

支持响应式的jQuery焦点图片无缝滚动切换特效插件弹性滑块

使用方法:

1.加载jQuery和插件

脚本类型=' text/JAVAScript ' src=' http : libs/jquery/1。8 .2/jquery。量滴js /脚本脚本类型=' text/JAVAScript ' src=' http : js/jquerypp。定制。js /脚本类型=' text/JAVAScript ' src=' http : js/jquery。弹性滑梯。js /脚本链接rel='样式表type=' text/CSS幻灯片超文本标记语言内容

ul id=' carousel ' class=' elastic slide-list ' lia href=' # ' img src=' http : images/small/1。jpg ' alt=' image 01 '/a/Li lia href=' # ' img src=' http : images/small/2。jpg ' alt=' image 02 '/a/Li lia href=' # ' img src=' http 3360 images/small/3。jpg ' alt=' image 03 '函数调用

脚本类型='text/javascript' $(文档)。ready(function() { $('#carousel ')).弹性滑块();});/script查看演示下载

以上所述就是本文的全部内容了,希望大家能够喜欢。

更多资讯
游戏推荐
更多+