jquery.barrager是一款弹幕插件-BFW插件库

jquery.barrager是一款弹幕插件

jquery.barrage.js 是一款网页弹幕插件,支持显示图片,文字以及超链接。支持速度、高度、颜色、数量等自定义。

使用方式：

第一步引入bfwone 加载依赖项jquery

<script id="bfwone" data="dep=jquery.17&err=0" type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/bfwone.js"></script>

第二步use插件及css和主题css

 use(["jquery.barrager.min", "barrager"], function() {});

第三步配置参数

<script type="text/javascript">
    var item = {
        img: '//repo.bfw.wiki/bfwrepo/image/5f7ab53f84ca3.png',
        //图片
        info: '请填写弹幕文字',
        //文字
        href: '',
        //链接
        close: true,
        //显示关闭按钮
        speed: 6,
        //延迟,单位秒,默认6
        color: '#ffffff',
        //颜色,默认白色
        old_ie_color: '#ffffff',
        //ie低版兼容色,不能与网页背景相同,默认黑色
    }
    $('body').barrager(item);
</script>

完整示例代码：

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>BFW NEW PAGE</title>
    <script id="bfwone" data="dep=jquery.17&err=0" type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/bfwone.js"></script>
    <script type="text/javascript">
        bready(function() {
            use(["jquery.barrager.min", "barrager"], function() {
                var item = {
                    img: '//repo.bfw.wiki/bfwrepo/image/5f7ab53f84ca3.png', //图片
                    info: '请填写弹幕文字', //文字
                    href: '', //链接
                    close: true, //显示关闭按钮
                    speed: 6, //延迟,单位秒,默认6
                    color: '#ffffff', //颜色,默认白色
                    old_ie_color: '#ffffff', //ie低版兼容色,不能与网页背景相同,默认黑色
                }
                $('body').barrager(item);
            })
        });
    </script>
    <style>
    </style>
</head>
<body>

</body>
</html>

jquery.barrager是一款弹幕插件

网友评论0

xRoll.js

gototop.js

bfwscroll.js

parallax.js

pushIn.js

wow.js

jquery.tiltedpage-scroll.js

ScrollMagic.min.js

jquery.mousewheel.js

perfect-scrollbar.js