响应式 jQuery 滑块插件 – iView Slider

iView Slider 是一款优秀的 jQuery 幻灯片滑动展示插件,用于实现文本、图片、视频等各种网页内容的幻灯片滑动展示功能。iView Slider 支持响应式布局,能够很好的运行于平板、手机等触屏设备中。iView Slider 内置35种很炫的过渡效果(Transition Effects),能够帮助你制作出各种各样的滑动效果。

ixslider

View Slider  提供了三种不同形式的加载进度条形式,以生动直观的方式告诉用户下一个滑块还有多久时间加载。iView Slider 提供了如下几种浏览方式:

  • 幻灯片
  • 键盘控制
  • 前后按钮
  • 缩略图

iView Slider 依赖于  jQuery 和 Raphael,提供了简单易用的 API ,能够非常容易的实现漂亮的内容滑动效果,iView Slider 调用的基本示例代码如下:

<script src="js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="js/raphael-min.js"></script>
<script type="text/javascript" src="js/jquery.easing.js"></script>
<script src="js/iview.js"></script>
<script>
    $(document).ready(function(){
        $('#iview').iView({
            pauseTime: 7000,
            directionNav: false,
            controlNav: true,
            tooltipY: -15
        });
    });
</script>

演示   下载 GitHub

落花生

认准了方向,就要勇敢地走下去,十年磨一剑,我相信,只要坚持,一切都有可能。

相关日志

  1. 没有图片

    2010.05.10

    支付宝如何获取交易安全验证码及合作者ID

    一、请在支付宝(http://alipay.com)主页用您的支付宝帐户登陆 二、登陆后请点击页面右上角的“商家工具” 三、申请虚拟商品交易服务 1、请选择“网站集成”内的“虚拟商品交易服务” 2、然后点击申请按钮 3、进入后填表申请,此处可以上传您站点的个性化LOGO,这样在支付宝支付页面就能显示出来 4、此处选择支付宝在交易产生后给您服务器返回数据的类型,建议全部选择。 (更多…)

  2. 没有图片

    2012.02.15

    Linux tar 压缩打包命令使用教程

    tar命令 [root@linux ~]# tar [-cxtzjvfpPN] 文件与目录 …. 参数: -c :建立一个压缩文件的参数指令(create 的意思); -x :解开一个压缩文件的参数指令! -t :查看 tarfile 里面的文件! 特别注意,在参数的下达中, c/x/t 仅能存在一个!不可同时存在! 因为不可能同时压缩与解压缩。 -z…

  3. 没有图片

    2009.10.15

    WordPress 2.9 已经进行测试阶段

    登陆Wordpress 2.84后台,就会看到Getting involved with the 2.9 beta testing的官方日志,并且WordPress 2.9的测试我们都可以免费加入测试小组,一起进行测试,详细情况,请进链接: Getting involved with the 2.9 beta testing

  4. 没有图片

    2009.07.28

    UUSee半年免费版卡巴斯基2009

    以前在用360安全卫士的时候,就用到了安装360可以使用卡巴斯基半年,现在UUSee也提供这项功能了,只要你安装UUSee半年免费版卡巴斯基2009,就可以在看网络电视的同时,免费使用卡巴斯基2009正式版半年。 步骤: 1、点击下载uusee2009最新版 2、安装UUSee网络电视并打开UUSee网络电视,点击UUSee网络电视右侧“免费获取卡巴斯基半年试用码”,打开领取网页,获取半年卡巴斯基试用码(激活码)。 3、如果你已经安装卡巴,直接激活即可,没有安装下载,请下载卡马,进行安装,如下图: 下载安装卡巴斯基反病毒软件2009(KAV),使用领取的激活码激活软件。安装图解: 安装完成,激活卡巴斯基 选择在线激活,使用UUSee领取的半年试用码 复制激活码,下一步激活 完成激活成功安装UUSee定制版卡巴斯基反病毒软件2009(KAV)简体中文版 如果显示无法领取说明你当前的UUSee版本不是最新版,请检查升级UUSee,“菜单”->“帮助”->”检查更新“。 注意事项: 1,只有安装最新的UUSee网络电视2009最新版(版本5.9.410.5以上版本)(,安装和打开UUSee网络电视,点击UUSee客户端右侧”免费获取卡巴斯基半年试用码“。 2,下载和安装卡巴斯基反病毒软件2009(KAV)【点击这里下载安装】,完成安装后输入获取的免费半年试用码,激活卡巴斯基软件。 3,注意:安装UUSee网络电视最新版的用户才能领取到半年试用码,每台安装UUSee的电脑只能领取一次。 4,卡巴斯基反病毒软件2009(KAV)半年免费试用码有效期为:自领取之日起15日内有效。

  5. 2014.02.24

    响应式jQuery幻灯片 – ResponsiveSlides.js

    ResponsiveSlides.js是一个展示同一容器内图片的轻量级响应式jQuery幻灯片插件(tiny responsive slideshow jQuery plugin)。它支持包括IE6在内的几乎所有的浏览器,在IE6中还支持最大宽度属性,但在其它浏览器中并不原生支持。你需要做的只是链接jquery并且把图片裁剪为相同大小。 回到插件ResponsiveSlides.js,他的最大特点就是简单轻巧,使用方便,具体用法如下: 1. Link files <script src=”http://ajax.useso.com/ajax/libs/jquery/1.8.3/jquery.min.js”></script> <script src=”responsiveslides.min.js”></script> 2. Add Markup <ul> <li><img src=”1.jpg” alt=”"></li> <li><img src=”2.jpg”…

  6. 没有图片

    2009.08.26

    UCenter Home 2.0 正式版 道具使用说明

    UCenter Home 2.0 正式版 发布了,马上升级!现在把UCenter Home 2.0 正式版道具给大家罗列一下! UCenter Home 2.0 内置了 24 款道具,道具后台设置及每种道具的使用方法如下:道具设置及说明:http://faq.comsenz.com/viewnews-807隐身草让自己隐身登录,不显示在线,24小时内有效。“隐身草”道具详细使用说明:http://faq.comsenz.com/viewnews-808好友增容卡在允许添加的最多好友数限制外,增加10个好友名额。 “好友增容卡”道具详细使用说明:http://faq.comsenz.com/viewnews-809附件增容卡使用一次,可以给自己增加 10M 的附件空间。 “附件增容卡”道具详细使用说明:http://faq.comsenz.com/viewnews-811雷鸣之声发布一条全站信息,让大家知道自己上线了。“雷鸣之声”道具详细使用说明:http://faq.comsenz.com/viewnews-810救生圈把指定对象的发布时间更新为当前时间。“救生圈”道具详细使用说明:http://faq.comsenz.com/viewnews-812时空机把指定对象的发布时间修改为过去的时间。“时空机”道具详细使用说明:http://faq.comsenz.com/viewnews-813彩色灯把指定对象的标题变成彩色的。“彩色灯”道具使用说明:http://faq.comsenz.com/viewnews-815热点灯把指定对象的热度增加站点推荐的热点值。“热点灯”道具详细使用说明:http://faq.comsenz.com/viewnews-814互访卡随机选择10个好友,向其打招呼、留言或访问空间。“互访卡”道具详细使用说明:http://faq.comsenz.com/viewnews-816彩虹蛋给指定对象的标题前面增加图标(最多8个图标)。“彩虹蛋”道具详细使用说明:http://faq.comsenz.com/viewnews-819彩虹炫让评论、留言的文字闪烁起来。“彩虹炫”道具详细使用说明:http://faq.comsenz.com/viewnews-818红包卡在自己的空间埋下积分红包送给来访者。“红包卡”道具详细使用说明:http://faq.comsenz.com/viewnews-817超级明星在个人主页,给自己的头像增加超级明星标识。“超级明星”道具详细使用说明:http://faq.comsenz.com/viewnews-820八卦镜查看指定用户最近使用的道具记录。“八卦镜”道具详细使用说明:http://faq.comsenz.com/viewnews-821透视镜查看指定用户当前持有的道具。“透视镜”道具详细使用说明:http://faq.comsenz.com/viewnews-822偷窥镜查看指定用户最近访问过的10个空间。“偷窥镜”道具详细使用说明:http://faq.comsenz.com/viewnews-826点名卡发通知给自己的好友,让他们来查看指定的对象。“点名卡”道具详细使用说明:http://faq.comsenz.com/viewnews-824相框给自己的照片添上相框。“相框”道具详细使用说明:http://faq.comsenz.com/viewnews-827信纸给指定的对象添加信纸背景。“信纸”道具详细使用说明:http://faq.comsenz.com/viewnews-823涂鸦板允许在留言、评论等操作时使用涂鸦板。“涂鸦板”道具详细使用说明:http://faq.comsenz.com/viewnews-828匿名卡在指定的地方,让自己的名字显示为匿名。“匿名卡”道具详细使用说明:http://faq.comsenz.com/viewnews-829照妖镜可以查看一次匿名用户的真实身份。“照妖镜”道具详细使用说明:http://faq.comsenz.com/viewnews-830道具转让许可证使用许可证,将道具赠送给指定好友。“道具转让许可证”道具详细使用说明:http://faq.comsenz.com/viewnews-831探测器探测埋了红包的空间。“探测器”道具详细使用说明:http://faq.comsenz.com/viewnews-832

评论

  1. 烂番茄网 2014.07.06 1:17

    配图不想点进来都难哈。。

About

马拉松运动员,沉迷于跑步;关注科技前沿,关注互联网!与跑者、程序员、设计师为伍,一起跑步健身,一起编写程序,为自由而战!