<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> .nl { height: 30px; margin: 0; overflow: hidden; padding: 0 0 0 16px; text-overflow: ellipsis; white-space: nowrap; width: 200px; } .nl div { font-size: 24px; height: 30px; line-height: 30px; } </style> </head> <body> <div id="n1" class="nl"> <div>是不是不一样的啊</div> <div>这里的文字发的</div> <div>very ggod</div> </div> <script type="text/javascript"> var vMarq = function(id, tag, heigh, speed, delay) { var me = this; me.EL = document.getElementById(id); me.PA = 0; me.TI = null; me.LH = heigh; me.SP = speed; me.DY = delay; me.exec = function() { if (me.PA) return; me.EL.scrollTop += 2; if (me.EL.scrollTop % me.LH <= 1) { clearInterval(me.TI); me.EL.appendChild(me.EL.getElementsByTagName(tag)[0]); me.EL.scrollTop = 0; setTimeout(me.start, me.DY * 1000); } }; me.start = function() { if (me.EL.scrollHeight - me.EL.offsetHeight >= me.LH) me.TI = setInterval(me.exec, me.SP); }; me.EL.onmouseover = function() { me.PA = 1 }; me.EL.onmouseout = function() { me.PA = 0 }; setTimeout(me.start, me.DY * 1000); }; new vMarq("n1", "div", 30, 80, 1.5); </script> </body> </html>