响应式 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. 没有图片

    2009.09.17

    站长必备网站集锦

    http://www.gotapi.com/…

  2. 2013.01.30

    WordPress主题 xColor Pro V1.0

    落花生已经发布了很多主题,每个作品的问世都是…

  3. 没有图片

    2011.04.25

    52个干净的基于CSS标签的导航代码

    无论我们是在制作网站还是博客,我们都会使用导…

  4. 没有图片

    2009.07.12

    2008年度五十个国外最漂亮网站推荐

    08年的网页设计开始流行一些破旧的质感和一些…

  5. 没有图片

    2010.06.18

    WordPress 3.0正式版发布 菠萝筐第一时间升级

    WordPress 3.0正式版发布了,今天…

  6. 没有图片

    2009.09.09

    多彩的 Google 广告样式

    我们在 Google Adsense 里添加…

评论

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

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

    • 落花生 2014.07.18 9:50上午

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

About

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