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,如需转载请自行联系原作者
目录
相关文章
|
24天前
|
JavaScript 前端开发
百叶窗效果的jQuery幻灯片插件
百叶窗效果的jQuery幻灯片插件
|
24天前
|
JavaScript
jquery无限循环内容滑块插件
jquery无限循环内容滑块插件
|
24天前
|
JavaScript
简单轻量级的jquery图表插件
简单轻量级的jquery图表插件
|
24天前
|
JavaScript
jQuery响应式内容选项卡插件
jQuery响应式内容选项卡插件
|
25天前
|
JavaScript 前端开发
带完成百分比的jQuery表单插件
带完成百分比的jQuery表单插件
|
25天前
|
JavaScript 内存技术
支持多种动画特效的响应式jQuery幻灯片插件
支持多种动画特效的响应式jQuery幻灯片插件
|
3月前
jQuery+Slick插件实现游戏人物轮播展示切换源码
jQuery+Slick插件实现游戏人物轮播展示切换源码
56 14
|
4月前
|
JavaScript
jquery文字动画特效插件animatext
jquery文字动画特效插件animatext
140 9
|
4月前
|
JavaScript 容器
jquery和CSS3图片排序过滤搜索插件
Filterizr是一款jquery和CSS3图片排序过滤插件。它可以对一组图片进行排序,按条件过滤和按关键字搜索。并在显示结果时使用指定的CSS3动画过渡效果。
51 2
|
4月前
|
JavaScript 前端开发
jQuery和CSS3滑动展开菜单按钮插件
这是一款jQuery和CSS3滑动展开菜单按钮插件。该滑动展开菜单按钮在用户点击主菜单按钮之后,子菜单以滑动的方式依次展开
90 21