jQuery网页留言弹幕滚动代码插件

jQuery网页留言弹幕滚动代码插件

一款jQuery屏幕右下角留言区弹幕文字滚动,位置可以修改,默认文字弹幕配置data.js文件里面。

使用方法
在页面引入jquery.min.js、data.js文件

1
2
<script src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/data.js"></script>

发送成功的代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
<script type="text/javascript">
function pub() {
var str = $("#txtbar").val();
/* $("ul").append("<li><div class='BarMes'>"+str+"</div></li>"); */
if (str == "") {
    alert("输入内容");
} else {
                alert("发布成功");
            $("ul").append("<li><div class='BarMes'>" + str + "</div></li>");
/*         $.ajax({
        url: "http://localhost/Ehcache/insert",
        type: "post",
        data: $("#f2").serialize(),
        async: false,
        success: function(st) {
 
        }
    }); */

}
}
setInterval(function() {
bar();
},
2000);
var a = $(".BarMes").size();
function bar() {
$("ul li:eq(0)").animate({
    "margin-top": "-42px"
},
"slow");
setTimeout(function() {
    $("ul li:eq(0)").remove();
},
1000);
if ($("li").size() <= 8) {
    add(); //玩完了再去去一下
}
// console.log($("li").size());
}
</script>

文件信息:

    3

    发表评论