首页 > 代码库 > 超简洁的jQuery内容滑动插件 - Basic jQuery Slider
超简洁的jQuery内容滑动插件 - Basic jQuery Slider
摘要 内容滑动插件能让你在有限的空间中展示更多的内容，给力技术之前也推荐过好几个这类插件，今天要推荐的也是一个内容滑动插件 - Basic jQuery Slider 。 Basic jQuery Slider 是一个轻量级的很简洁的 jQuery 内容滑动插件，经压缩后也仅有4.6kb大
内容滑动插件能让你在有限的空间中展示更多的内容，给力技术之前也推荐过好几个这类插件，今天要推荐的也是一个内容滑动插件 - Basic jQuery Slider。
Basic jQuery Slider 是一个轻量级的很简洁的 jQuery 内容滑动插件，经压缩后也仅有4.6kb大小。它能用来展示文字、图片等任意的 HTML 内容。此插件并没有太多花哨的功能，仅包含一些基础的功能，实现了 fade 和 slide 两种动画切换效果。除了使用按钮的导航方式外，它还支持使用键盘控制。此插件最大的特点是支持自定义主题样式，完全可以打造出很漂亮的效果来。前端UI分享
如何使用
首先在页面中引入 jQuery 和 Basic jQuery Slider插件
.代码
- <script src=http://www.mamicode.com/"jquery-1.4.2.min.js"></script>
- <script src=http://www.mamicode.com/"basic-jquery-slider.js"></script>
以下添加所需要的HTML代码，ul必须设置class="bjqs"
.代码
- <div id="slideshow">
- <ul class="bjqs">
- <li><!-- 任意内容 --></li>
- </ul>
- </div>
最后初始化插件,前端UI分享
.代码
- $(‘#slideshow‘).bjqs({
- ‘width‘ : 940,
- ‘height‘ : 340,
- ‘showMarkers‘ : true,
- ‘showControls‘ : true,
- ‘centerMarkers‘ : false
- });
超简洁的jQuery内容滑动插件 - Basic jQuery Slider
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。