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