最新下载
Bootstrap复选框样式美化特效
CSS3实现水位充满文字特效
24小时阅读排行榜
- 1 c++的std::aligned_storage是什么 手动控制内存对齐【高级技巧】
- 2 Kotlin Serialization怎么序列化为XML
- 3 怎么比较两个XML文件的差异 在线XML Diff工具
- 4 如何在 Go 中同时监听发送与接收通道而不占用 CPU
- 5 css 想给表单复选框未选状态添加图标怎么办_使用 ::before 伪元素与 :not(:checked)
- 6 ASP.NET Core怎么实现输出缓存 Output Caching配置方法
- 7 Golang网络请求慢怎么优化_连接复用与超时设置说明
- 8 如何使用 Flask + Socket.IO 实时流式传输大型日志文件到前端
- 9 Go 中对链表元素进行字符串类型断言的正确方法
- 10 mysql在mac环境如何搭建_mysql mac安装步骤
- 11 如何在 Beego 中正确返回 JSON 响应供前端 AJAX 调用
- 12 如何将 HTML 输入段落化并实现点击激活交互
- 13 Go基准测试适合测试哪些场景_Go性能评估建议
- 14 mysql安装完成后配置SSL加密连接的方法
- 15 在线XML压缩怎么用 XML代码最小化工具
最新教程
-
- Node.js 教程
- 15526 2025-08-28
-
- CSS3 教程
- 1544703 2025-08-27
-
- Rust 教程
- 22807 2025-08-27
-
- Vue 教程
- 25280 2025-08-22
-
- PostgreSQL 教程
- 21858 2025-08-21
-
- Git 教程
- 8870 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>
