投稿 搜索
当前位置: 站长天下 / 文字广告 / jQuery网页留言弹幕滚动代码
jQuery网页留言弹幕滚动代码
标签:

插件介绍

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

    浏览器兼容性

    浏览器兼容性
    时间:2018-06-14
    阅读:

jQuery网页留言弹幕滚动代码

简要教程

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