jq实现弹幕

最新推荐文章于 2023-11-28 17:53:15 发布

qq_42916612

最新推荐文章于 2023-11-28 17:53:15 发布

阅读量98

点赞数

分类专栏： j'q

本文链接：https://blog.csdn.net/qq_42916612/article/details/109749265

版权

j'q 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

$(function () {
var pageH = parseInt($("#main").height());
var colorArr = ["#cfaf12", "#12af01", "#981234", "#adefsa", "#db6be4", "#f5264c", "#d34a74"];

var msgArr = new Array();
var sendMsg = function () {
msgArr = new Array();
for (var i = 0; i < 100; i++)
msgArr.push($("<p>" + $("#txt").val() + "</p>"));
$("#main").append(msgArr);
$.each(msgArr, function (i) {
var $this = msgArr[i];
var _top = parseInt(pageH * (Math.random()));
var num = parseInt(colorArr.length * (Math.random()));
$this.css({ "top": _top, "color": colorArr[num], "font-size": "20px" });
$this.animate({ "left": "-200px" }, 10000);
$this.stop().animate({ "left": "-300px" }, 10000, "linear", function () {
$(this).remove();
});
});
msgArr = new Array();
}
$("#btn").bind("click", sendMsg);
document.onkeydown = function (e) {
if (e.keyCode == 13)
sendMsg();
};
})