TypechoJoeTheme
kxbdSuperMarquee.js滚动的神器使用
统计
登录
用户名
密码

kxbdSuperMarquee.js滚动的神器使用

2020-05-02
/
1 评论
/
134 阅读
/
正在检测是否收录...
05/02

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

使用方法

1、载入 JavaScript 文件

<script src="jquery.js"></script>
<script src="jquery.kxbdmarquee.js"></script>
$(function(){
    $(‘#marquee’).kxbdSuperMarquee({
        isMarquee:true,
        isEqual:false,
        scrollDelay:60,
        direction:’up’
        loop: 0
    });
});
</script>

2、CSS 样式

/**
 * 父容器需要设置溢出隐藏
 * 如果是水平滚动,项目需要设置浮动
 * 如果是垂直滚动,项目需要设置高度
 */
.element_class{overflow:hidden;height:300px;}
.element_class ul li{float:left;}

3、HTML代码

<div class="element_class" id="marquee">
  <ul>
    <li>...</li>
    <li>...</li>
    <li>...</li>
  </ul>
</div>

参数说明

名称 默认值 说明
direction "left" 滚动方向。可设置为:"left", "right", "up", "down"
isEqual true 所有滚动的元素长宽是否相等。可设置为:true, false
loop 0 循环滚动次数,0 表示无限循环
scrollAmount 1 步长(px)
scrollDelay 20 时长(ms)
朗读
赞 · 0
版权属于:

小王先森

本文链接:

https://xwsir.cn/2347.html(转载时请注明本文出处及文章链接)

评论 (1)
  1. 萧瑟 作者
    Windows 10 · Google Chrome

    感觉原生好一些,插件用多了,可能有重复。 :razz:

    2020-05-03 回复