更多>
最新下载
西山居首页jQuery焦点图代码
西山居首页jQuery焦点图代码是一款带文字描述，左右箭头，索引按钮，自动轮播切换的jQuery特效代码。本作品由【站长素材】收集整理，转载请注明出处！
0
2026-01-25
24小时阅读排行榜
- 1 FIMO输出HTML会带3D变换参数吗_FIMO输出HTML3D变换说明【解析】
- 2 pydantic 如何自定义 RootModel 处理整个 JSON 结构的校验
- 3 如何让 tqdm 在多线程环境中安全更新同一进度条
- 4 如何判断一个文件描述符是否已关闭（不抛异常）
- 5 html5滤镜怎样加雪花飘落_html5雪花滤镜应用教程【步骤】
- 6 Python 怎么写一个支持链式调用的类方法
- 7 html5布局代码header固定顶部_html5布局代码header固定法【步骤】
- 8 html5滤镜怎样做高光提亮_html5高光滤镜调整方法【步骤】
- 9 html5播放rtsp能叠加logo吗_html5rtsp叠加logo实现【美化】
- 10 pandas 如何把多级索引扁平化为普通列（最简写法）
- 11 html5play函数调用会阻塞线程吗_html5play函数线程影响法【步骤】
- 12 datetime 如何正确处理夏令时切换时的 ambiguous 时间
- 13 html个人页面怎么插入音频_html音频标签使用教程【多媒体】
- 14 html5如何嵌入flv视频_html5嵌入flv兼容播放法【教程】
- 15 html5布局代码多列文本流布局_html5布局代码多列流法【教程】
更多>
最新教程
-
- Node.js 教程
- 16088 2025-08-28
-
- CSS3 教程
- 1546472 2025-08-27
-
- Rust 教程
- 23232 2025-08-27
-
- Vue 教程
- 25697 2025-08-22
-
- PostgreSQL 教程
- 22187 2025-08-21
-
- Git 教程
- 9172 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
