超简洁的jQuery内容滑动插件 - Basic jQuery Slider

时间：2014-09-10 14:15:40 阅读：176 评论：0 收藏：0 [点我收藏+]

摘要内容滑动插件能让你在有限的空间中展示更多的内容，给力技术之前也推荐过好几个这类插件，今天要推荐的也是一个内容滑动插件 - Basic jQuery Slider 。 Basic jQuery Slider 是一个轻量级的很简洁的 jQuery 内容滑动插件，经压缩后也仅有4.6kb大

内容滑动插件能让你在有限的空间中展示更多的内容，给力技术之前也推荐过好几个这类插件，今天要推荐的也是一个内容滑动插件 - Basic jQuery Slider。

bubuko.com,布布扣

Basic jQuery Slider 是一个轻量级的很简洁的 jQuery 内容滑动插件，经压缩后也仅有4.6kb大小。它能用来展示文字、图片等任意的 HTML 内容。此插件并没有太多花哨的功能，仅包含一些基础的功能，实现了 fade 和 slide 两种动画切换效果。除了使用按钮的导航方式外，它还支持使用键盘控制。此插件最大的特点是支持自定义主题样式，完全可以打造出很漂亮的效果来。前端UI分享

如何使用

　　首先在页面中引入 jQuery 和 Basic jQuery Slider插件

.代码 

<script src="jquery-1.4.2.min.js"></script>  

<script src="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

标签：jquery ui web前端前端框架

原文地址：http://blog.csdn.net/ariss123/article/details/39180067

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行