<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>麦客教程网 - 代码演示</title> <style> *{margin:0;padding:0} </style> </head> <body> <div style="overflow:hidden;height:40px;line-height:20px;font-size:12px;" id="ScrollBox"> <div id="holder"> <p><strong>麦客教程网(http://www.MaiCoo.com)</strong><br>简介: 电脑教程与技术应用之家</p> <p><strong>蝶恋谷.精品(<font color="#FF0000">www.DLLGOO.COM</font>)</strong><br>简介: 精美礼品,送礼物,情人礼物,精品,网上送礼物 - 七仔,正版宫崎骏龙猫</p> </div> </div> <!--JS代码 MaiCoo.com--> <script type="text/javascript"> function marquee(height,speed,delay){ var scrollT; var pause = false; var ScrollBox = document.getElementById("ScrollBox"); if(document.getElementById("holder").offsetHeight <= height) return; ScrollBox.innerHTML += ScrollBox.innerHTML; ScrollBox.onmouseover = function(){pause = true} ScrollBox.onmouseout = function(){pause = false} ScrollBox.scrollTop = 0; function start(){ scrollT = setInterval(scrolling,speed); if(!pause) ScrollBox.scrollTop += 2; } function scrolling(){ if(ScrollBox.scrollTop % height != 0){ ScrollBox.scrollTop += 2; if(ScrollBox.scrollTop >= ScrollBox.scrollHeight/2) ScrollBox.scrollTop = 0; } else{ clearInterval(scrollT); setTimeout(start,delay); } } setTimeout(start,delay); } marquee(40,20,3000); </script> </body> </html> [Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]
【责任编辑: lanier】