建站资源下载详情
为您免费提供多种建站资源下载,包括网站模板下载、前端插件下载和字体下载!您只需注册为会员即可任意下载!

JQuery滚动插件kxbdSuperMarquee

来源:易助科技网浏览量:17收藏

简介


kxbdSuperMarquee是一个滚动的神器,关于滚动的什么效果都可以实现,文字的滚动,图片的滚动,轮播图,向上、向下、向左、向右都可以实现。只要用好了它,几本上什么滚动都不会愁的。


JQuery滚动插件kxbdSuperMarquee-示例图


参数说明:


名称默认值说明
direction"left"滚动方向。可设置为:"left", "right", "up", "down"
isEqualtrue所有滚动的元素长宽是否相等。可设置为:true, false
loop0循环滚动次数,0 表示无限循环
scrollAmount1步长(px)
scrollDelay20时长(ms)



使用


1.  引入 文件


<script src="jquery.js"></script>
<script src="jquery.kxbdmarquee.js"></script>


2.  HTML


<div id="element_id">
  <ul>
    <li>...</li>
    <li>...</li>
    <li>...</li>
  </ul>
</div>

[CSS]
<style>
/**
 * 父容器需要设置溢出隐藏
 * 如果是水平滚动,项目需要设置浮动
 */
#element_id{overflow:hidden;}
#element_id ul li{float:left;}
</style>


3.  调用


<script type="text/javascript">
  $('#element_id').kxbdMarquee();
</script>



相关链接


中文文档 :  http://code.ciaoca.com/jquery/kxbdmarquee/

效果演示 :  http://code.ciaoca.com/jquery/kxbdmarquee/demo/