javascript代码实例教程-超简洁的jQuery内容滑动插件 - Basic jQuery Slider

发布时间:2019-01-25 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了javascript代码实例教程-超简洁的jQuery内容滑动插件 - Basic jQuery Slider脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
小宝典致力于为广大程序猿(媛)提供高品质的代码服务,请大家多多光顾小站,小宝典在此谢过。

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

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

javascript代码实例教程-超简洁的jQuery内容滑动插件 - Basic jQuery Slider

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

如何使用

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

.代码
  1. <script src="jquery-1.4.2.min.js"></script>
  2. <script src="basic-jquery-slider.js"></script>

     以下添加所需要的HTML代码,ul必须设置class="bjqs"

    .代码
    1.  最后初始化插件,前端UI分享

      .代码
      1. $('#slideshow').bjqs({
      2. 'width' : 940,
      3. 'height' : 340,
      4. 'showMarkers' : true,
      5. 'showControls' : true,
      6. 'centerMarkers' : false
      7. });

        觉得可用,就经常来吧! 脚本宝典 欢迎评论哦!&nbsp;js脚本,巧夺天工,精雕玉琢。小宝典献丑了!

        脚本宝典总结

        以上是脚本宝典为你收集整理的javascript代码实例教程-超简洁的jQuery内容滑动插件 - Basic jQuery Slider全部内容,希望文章能够帮你解决javascript代码实例教程-超简洁的jQuery内容滑动插件 - Basic jQuery Slider所遇到的问题。

        如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

        本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
        如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。