WEB标准写法的文字向上滚动特效-JS特效-爱易网页

WEB标准写法的文字向上滚动特效

日期：2014-05-18　浏览次数：20253 次

以下是HTML网页特效代码，点击运行按钮可查看效果：

以下是程序代码

<!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 type="text/css"> 
 
</style> 
</head> 
<body> 
<h4>滚动新闻</h4> 
<script language="JavaScript" type="text/javascript"> 
var marqueeContent=new Array(); 
marqueeContent[0]="<a href=http://xyq.163.com/news/2006/11/2-2-20061102170913.html target=_blank>用“梦幻密保”快速取回帐号密码</a>"; 
marqueeContent[1]="<a href=http://ekey.163.com/ target=_blank>网易将军令官方网站</a>"; 
marqueeContent[2]="<a href=http://xyq.163.com/download/wallpaper.htm target=_blank>最新壁纸下载</a>"; 
marqueeContent[3]="<a href=http://xyq.163.com/download/around.htm target=_blank>最新屏保下载</a>"; 
var marqueeInterval=new Array(); 
var marqueeId=0; 
var marqueeDelay=2000; 
var marqueeHeight=20; 
function initMarquee() { 
 var str=marqueeContent[0]; 
 document.write('<div id="marqueeBox" style="overflow:hidden;width:250px;height:'+marqueeHeight+'px" onmouseover="clearInterval(marqueeInterval[0])" onmouseout="marqueeInterval[0]=setInterval(\'startMarquee()\',marqueeDelay)"><div>'+str+'</div></div>'); 
 marqueeId++; 
 marqueeInterval[0]=setInterval("startMarquee()",marqueeDelay); 
} 
function startMarquee() { 
 var str=marqueeContent[marqueeId]; 
 marqueeId++; 
 if(marqueeId>=marqueeContent.length) marqueeId=0; 
 if(document.getElementById("marqueeBox").childNodes.length==1) { 
 var nextLine=document.createElement('DIV'); 
 nextLine.innerHTML=str; 
 document.getElementById("marqueeBox").appendChild(nextLine); 
 } 
 else { 
  document.getElementById("marqueeBox").childNodes[0].innerHTML=str; 
  document.getElementById("marqueeBox").appendChild(document.getElementById("marqueeBox").childNodes[0]); 
  document.getElementById("marqueeBox").scrollTop=0; 
 } 
 clearInterval(marqueeInterval[1]); 
 marqueeInterval[1]=setInterval("scrollMarquee()",20); 
} 
function scrollMarquee() { 
 document.getElementById("marqueeBox").scrollTop++; 
 if(document.getElementById("marqueeBox").scrollTop%marqueeHeight==(marqueeHeight-1)){ 
 clearInterval(marqueeInterval[1]); 
 } 
} 
initMarquee(); 
</script> 
</body> 
</html>
<a href="http://js.aiyiweb.com/">欢迎访问爱易网网页特效代码站，js.aiyiweb.com</a>

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

WEB标准写法的文字向上滚动特效

相关资料更多>

推荐阅读更多>