admin管理员组文章数量:1794759
php 调查问卷特效,swiper
swiper-js插件实现的手机问卷调查特效
一款基于swiper.js插件实现的手机问卷调查特效,jQuery手机微信端问卷调查页面代码。
js代码
var mySwiper = new Swiper('.swiper-container', {
pagination: '.swiper-pagination',
nextButton: '.swiper-button-next',
prevButton: '.swiper-button-prev',
slidesPerView: 1,
paginationClickable: true,
spaceBetween: 30,
loop: true,
onReachEnd: function(swiper){
$("#t2").hide();
$("#t3").show();
}
});
$("#t2,#t3").hide();
$("a.jion").on("click",function(){
$("#t1").hide();
$("#t2").show();
});
$(".swiper-container label,.swiper-container input").click(function(){
var this_active = $(this).parents(".swiper-slide").index();
setTimeout(function(){
mySwiper.slideTo(this_active+1,1000)
},500);
});
$('.swiper-button-next').click(function(){
if(mySwiper .isEnd){
$("#t2").hide();
$("#t3").show();
}
})
申明:php中文网下载站匠心打造专业的IT资源下载站!一切资源免费,来源网络收集,请自行检测软件的完整性。交流QQ群:916808767
本文标签: php 调查问卷特效swiper
版权声明:本文标题:php 调查问卷特效,swiper 内容由林淑君副主任自发贡献,该文观点仅代表作者本人, 转载请联系作者并注明出处:http://www.xiehuijuan.com/baike/1696388111a328811.html, 本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,一经查实,本站将立刻删除。
发表评论