开发者社区> 嗯哼9925> 正文

jQuery插件-轻量图片轮换-UISlide

简介:
+关注继续查看

jQuery插件-轻量图片轮换-UISlide

特点:

1. 带标题内容的图片切换。预览图

2. 接口简单,因为简单所以修改方便。

 修改第1行或第4行宽高即可。

1 .slide_wrap{position:relative;width:710px;height:340px; margin-bottom:5px;border:2px solid #ccc;background:#fff;color:#666;overflow:hidden;}
2 .slide_imglist{}
3 .slide_imglist li{float:left;margin-right:3px;display:inline;}
4 .slide_imglist li img{width:710px;height:340px;display:block;}

调用参数:

playTime    :2000,            // 间隔时间
duration    :800,             // 延迟时间
direction   :'left',          // 方向
easing      :'easeInOutQuad', // 自动播放时 easing 方式
clickEasing :'easeOutCubic'   // 点击时 easing 方式

3. 多个轮换交易方便调用。

$('#slide').UISlide();
$('#slide2').UISlide();

IE刷新之后才能出载入jquery文件。

另外的方式:



本文转自豪情博客园博客,原文链接:XXXXXXXX,如需转载请自行联系原作者

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
开源炫酷css轮播图 可直接引入html文件使用 含注释 jQuery插件
开源炫酷css轮播图 可直接引入html文件使用 含注释 jQuery插件
18 0
jQuery插件实现图片墙小案例
jQuery插件实现图片墙小案例
30 0
【jquery Ajax】接口的学习与Postcode插件的使用
【jquery Ajax】接口的学习与Postcode插件的使用
56 0
DateTimePicket jQuery 日期插件,开始时间和结束时间示例
DateTimePicket jQuery 日期插件,开始时间和结束时间示例
85 0
利用JQuery上传插件Uploadify实现图片上传MongoDB并预览
利用JQuery上传插件Uploadify实现图片上传MongoDB并预览
90 0
NET MVC第七章、jQuery插件验证
NET MVC第七章、jQuery插件验证
61 0
编写自定义的JQuery插件的几个注意点
编写自定义的JQuery插件的几个注意点
42 0
关于JQuery validate表单校验插件对级联下拉框的校验问题
关于JQuery validate表单校验插件对级联下拉框的校验问题
118 0
jQuery的DOM文档对象模型,常见的事件,遍历,validate插件,自定义事件方法
jQuery的DOM文档对象模型,常见的事件,遍历,validate插件,自定义事件方法
55 0
+关注
文章
问答
文章排行榜
最热
最新
相关课程
更多
相关电子书
更多
函数计算最佳实践:快速开发一个分布式 Puppeteer 网页截图服务
立即下载
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载