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

泡在网上的日子 / 文 发表于2013-07-21 11:54 次阅读 jQuery插件

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

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

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

如何使用

  首先在页面中引入 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>

 最后初始化插件

$('#slideshow').bjqs({
        'width' : 940,
        'height' : 340,
        'showMarkers' : true,
        'showControls' : true,
        'centerMarkers' : false
    });


收藏 赞 (0) 踩 (0)
上一篇:使用Modernizr 检测HTML5和CSS3浏览器支持功能
传统浏览器目前不会被完全取代,令你难以将最新的 CSS3 或 HTML5 功能嵌入你的网站。 Modernizr 正是为解决这一难题应运而生,作为一个开源的 JavaScript 库,Modernizr 检测浏览器对 CSS3 或 HTML5 功能支持情况。 Modernizr 并非试图添加老版本浏览器不支
下一篇:8款用于布局和用户界面增强的 jQuery 插件
有时,你可能有一个项目要求独特的布局或用户界面的要求,单独使用 CSS 无法实现的,像这类项目就需要 JavaScript 来实现,因此,这篇文章中收集了一组优秀的 jQuery 插件,可以帮助你完成一些奇妙的布局和界面效果。 equalize.js 用于均衡元素的的高度或宽