响应式 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. 2014.03.18

    WP盒子原创WordPress博客主题 WPBox-One V1.0.1 发布

    WPBOX-One WordPress主题,…

  2. 没有图片
  3. 没有图片

    2010.06.13

    Windows7开启administrator管理员帐号

    Windows 7 的安全系统很高级,安装完…

  4. 没有图片

    2009.12.15

    WordPress插件CommentLuv:让你的博客评论也热闹

    很早就想为大家写这篇文章,只是因为时间太紧,…

  5. 没有图片

    2011.11.29

    WHMCS整合WHM/cPanel自动开通主机简明教程

    此文主要为学习之用,文章内容转自赵容部落,作…

  6. 没有图片

    2011.03.12

    Winy大师作品 WordPress主题:W1

    昨天菠萝去逛了Winy大师的博客,他的博客设…

评论

  1. 烂番茄网 2014.07.06 1:17上午

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

    • 落花生 2014.07.18 9:50上午

      哈哈,禁止不住诱惑了吧?!

About

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