
最新下载
24小时阅读排行榜
- 1 微博的浏览记录会同步吗_微博浏览记录同步规则说明
- 2 如何在Windows中配置JavaFX开发环境
- 3 如何通过css工具Sass实现循环生成类
- 4 python错误类型捕获的方法
- 5 PHP一键环境为什么不能发送邮件_邮件发送功能配置
- 6 彻底格式化硬盘并进行纯净Windows安装
- 7 Linux用户权限怎么管理_Linux用户权限管理的详细操作教程
- 8 PHPWebSocket怎么通信_PHP结合GatewayWorker实现WebSocket实时通信
- 9 抖音tiktok官方网址入口官方版 抖音tiktok官网首页快速直达
- 10 小强阅读app怎么删除书架上的书_小强阅读app已存书籍如何从书架删除详细方法
- 11 Linux SSH授权密钥与权限设置
- 12 阴阳师一起捉咪藏第三天攻略-阴阳师一起捉咪藏第三天在哪找
- 13 PHP代码怎么实现验证码生成_PHP验证码图片生成与验证步骤
- 14 css初级项目导航栏下拉效果优化
- 15 OFX代购大额汇款优势在哪里_OFX代购大额汇款优势解读
最新教程
-
- Node.js 教程
- 5762 2025-08-28
-
- CSS3 教程
- 842468 2025-08-27
-
- Rust 教程
- 9141 2025-08-27
-
- Vue 教程
- 11212 2025-08-22
-
- PostgreSQL 教程
- 8814 2025-08-21
-
- Git 教程
- 4675 2025-08-21
一款基于Slippry.js插件实现的带左右箭头按钮控制与缩略图的图片切换特效,jQuery的幻灯片切换代码。
JS代码
<script src =“js / jquery-2.1.1.min.js”type =“text / javascript”> </ script>
<script src =“js / slippry.min.js”> </ script>
<SCRIPT>
var thumbs = jQuery('#thumbnailails')。slippry({
//一般元素和包装器
slippryWrapper:'<div class =“slippry_box thumbnail”/>',
//选项
过渡:'横'
传呼机:假,
auto:false,
onSlideBefore:function(el,index_old,index_new){
jQuery('。thumbs a img')。removeClass('active');
jQuery('img',jQuery('。thumbs a')[index_new])。addClass('active');
}
});
jQuery('。thumbs a')。click(function(){
thumbs.goToSlide($(本)。数据( '滑')); 返回假
});
</ SCRIPT>

