【推荐发布】优秀的免费响应式 jQuery 滑块插件 – iView Slider

最新推荐文章于 2022-12-28 09:20:27 发布

qq_45670012

最新推荐文章于 2022-12-28 09:20:27 发布

阅读量147

点赞数

分类专栏：前端文章标签： jquery 我的博文滑块插件 iview slider

原文链接：https://www.mk2048.com/blog/blog.php?id=ha2hhbchjj1j&title=%E3%80%90%E6%8E%A8%E8%8D%90%E5%8F%91%E5%B8%83%E3%80%91%E4%BC%98%E7%A7%80%E7%9A%84%E5%85%8D%E8%B4%B9%E5%93%8D%E5%BA%94%E5%BC%8F+jQuery+%E6%BB%91%E5%9D%97%E6%8F%92%E4%BB%B6+%E2%80%93+iView+Slider

版权

前端专栏收录该内容

1223 篇文章 6 订阅

订阅专栏

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

　　iView 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