更多>
最新下载
jQuery点击文字滚动Scrollocue插件
jQuery点击文字滚动Scrollocue插件是一款用于构建一个简单的提示提词器系统的jQuery小插件。本作品由【站长素材】收集整理，转载请注明出处！
2
2025-12-19
24小时阅读排行榜
- 1 怎么开发html5游戏_用Phaser等引擎搭框架加素材JS写逻辑开发【开发】
- 2 css初级项目页面宽度超出屏幕怎么办_通过box-sizing控制盒模型
- 3 PHP怎么对接苹果支付多商品_苹果支付多商品PHP对接教程【指南】
- 4 html5 css怎么修饰_html5用CSS选择器设颜色布局动画修饰元素【修饰】
- 5 SQL事务隔离如何控制_完整逻辑拆解助力系统化掌握【技巧】
- 6 HTML如何实现条件判断_JavaScript逻辑控制应用【解析】
- 7 javascript的迭代器和生成器是什么_如何自定义可迭代对象
- 8 html5中怎么分块_html5用div或section标签将页面划分为不同区块【分块】
- 9 css隐式生成的列宽不可控怎么办_使用grid-auto-columns明确规则
- 10 mysql如何优化磁盘IO_mysql磁盘IO性能优化
- 11 错误页面怎样配置触发php代码执行_错误页面配置触发php代码执行方法【说明】
- 12 PHP如何对接苹果应用内支付_苹果应用内支付PHP对接指南【步骤】
- 13 如何使用Golang通过WaitGroup同步协程_Golang协程同步机制讲解
- 14 Javascript正则表达式如何工作_怎样进行文本匹配和替换？
- 15 Laravel如何使用查询构建器？（Query Builder高级用法）
更多>
最新教程
-
- Node.js 教程
- 14223 2025-08-28
-
- CSS3 教程
- 1540944 2025-08-27
-
- Rust 教程
- 21926 2025-08-27
-
- Vue 教程
- 24422 2025-08-22
-
- PostgreSQL 教程
- 21129 2025-08-21
-
- Git 教程
- 8326 2025-08-21
swiper-js插件实现的手机问卷调查特效
一款基于swiper.js插件实现的手机问卷调查特效，jQuery手机微信端问卷调查页面代码。
js代码
<script src="swiper/swiper.min.js"></script>
<script>
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();
}
})
</script>
js代码
<script src="swiper/swiper.min.js"></script>
<script>
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();
}
})
</script>
本站所有资源都是由网友投搞发布，或转载各大下载站，请自行检测软件的完整性！本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担!如有侵权请联系我们删除下架，联系方式：admin@php.cn
相关推荐
热门下载
canvas音谱可视化mp3音乐播放器代码
html5 canvas通过AudioContext对获取audio标签播放的音域和音高，调用js绘制相应高度的矩形或线条。
播放器特效
2021-03-10
