//数据展示区域 <div class="list-content" id="demo"> </div> <script> //目前假数据 //设置定 var arr = [] for (var i = 0; i < 100; i++) { var item = { id: i, content: "恭喜" + i + "获得的了" + i + "元" } arr.push(item) } LoadMord("#demo", arr, 50, 6) function LoadMord(str, arr, speed, len) { var s = speed || 50; //滚动速度值,值越大速度越慢 var a = arr || []; var l = len || 6; //插入dom var oDiv1 = $("<div id='demo1'></div>") var oDiv2 = $("<div id='demo2'></div>") var oDiv3 = $("<div id='demo3'></div>") for (var i = 0; i < l; i++) { var p = $("<p>" + a[i].content + "</p>") p.appendTo(oDiv1) } for (var i = 0; i < l; i++) { var p = $("<p>" + a[l + i].content + "</p>") p.appendTo(oDiv2) } oDiv1.appendTo($(str)) oDiv2.appendTo($(str)) var flag = 2 function Marquee() { if ($("#demo1").position().top + $("#demo1")[0].offsetHeight == 0 || $("#demo2").position().top + $("#demo2")[0].offsetHeight == 0) { oDiv3.html("") for (var i = 0; i < l; i++) { if (l * flag + i > a.length - 1) { var p = $("<p></p>") } else { var p = $("<p>" + arr[l * flag + i].content + "</p>") } p.appendTo(oDiv3) } flag++ if (oDiv3.html().length == 0) { clearInterval(MyMar) } } if ($("#demo1").position().top + $("#demo1")[0].offsetHeight == 0) { oDiv1.remove() oDiv1.html(oDiv3.html()) oDiv1.appendTo($(str)) } else if ($("#demo2").position().top + $("#demo2")[0].offsetHeight == 0) { oDiv2.remove() oDiv2.html(oDiv3.html()) oDiv2.appendTo($(str)) }