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

使用方法

在页面引入jquery.min.js、data.js文件

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

发送成功的代码

<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>