jQuery+swiper.js+css3幻灯片图片视差滚动轮播特效
js代码
<script type="text/javascript" src="js/jquery.min.js"></script> <script src="js/swiper.min.js" type="text/javascript" charset="utf-8"></script> <script type="text/javascript"> //最里层轮播 var mySwiper1 = new Swiper('#swiper1',{ loop: true, autoplay : 2500, speed : 600, autoplayDisableOnInteraction : false }); //上层轮播 var mySwiper2 = new Swiper('#swiper2',{ loop: true, autoplay : 2500, speed : 600, slidesPerView :2, autoplayDisableOnInteraction : false }); //前进后退按钮 $(".left").click(function(){ mySwiper1.slidePrev(); mySwiper2.slidePrev(); }) $(".right").click(function(){ mySwiper1.slideNext(); mySwiper2.slideNext(); }) </script>
免责声明
本站所有资源均由网友贡献或各大下载网站转载。请自行检查软件的完整性!本站所有资源仅供学习参考。请不要将它们用于商业目的。否则,一切后果由您负责!如有侵权,请联系我们删除。联系方式:admin@php.cn
相关文章
如何熟练运用CSS3特效提升网页的用户体验
09 Sep 2023
如何熟练运用CSS3特效提升网页的用户体验随着互联网的发展,网页设计和用户体验成为了网站开发中的重要环节。而CSS3特效的应用,可以为网页增添动感和视觉效果,提升用户体验。本文将介绍几种常见的CSS3特效及其代码示例,帮助开发者更加熟练地运用CSS3特效,提升网页的用户体验。过渡效果(Transition)过渡效果是CSS3中最基本的特效之一,通过改变某个属
jQuery和CSS3超炫汉堡包变形动画特效
18 Jan 2017
这是一款使用jQuery和CSS3来制作的炫酷汉堡包变形动画特效。该特效通过通过jQuery来附加按钮事件,并通过CSS3 transform和animation来制作动画特效。
纯CSS3创意导航菜单特效
17 Jan 2017
这是一款非常有创意的纯CSS3导航菜单特效。该导航菜单主要通过CSS3 transform和transition方法实现效果,非常简单。该特效由進擊的燊提供。
基于SVG和CSS3的可爱卡通小动物动画特效
19 Jan 2017
这是一款基于SVG过滤器和CSS3制作的可爱小动物动画特效。该特效中使用HTML标签和SVG结合制作动物的外形,并通过CSS3 animation动画来制作动物的各种动画特效。
Hot tools Tags
Hot Tools
CSS文字组合成心形动画特效
CSS文字组合成心形动画特效
CSS3 SVG表白鲜花动画特效
SS3 SVG表白鲜花动画特效是一款情人节动画特效。
CSS的商城网站常用左侧分类下拉导航菜单代码
CSS的商城网站常用左侧分类下拉导航菜单代码
jQuery+CSS3情人节爱心特效
jQuery+CSS3情人节爱心特效是一款情人节悬挂摆动爱心动画特效。
css3汤勺捞起汤圆动画特效
一碗可爱的汤圆表情,汤勺捞起一个汤圆动画特效
Hot Article
Pokemon Pocket:如何与朋友一起玩
02 Nov 2024
手游攻略
所有《黑色行动 6》安全屋谜题解决方案
26 Oct 2024
手游攻略
Vampire Survivors (吸血鬼幸存者):恶魔城颂歌 DLC - 如何解锁每个角色
01 Nov 2024
手游攻略
《模拟人生 4:生与死》- 守护树指南
03 Nov 2024
手游攻略
Brotato:最佳猎人构建
13 Nov 2024
手游攻略