检查Email的书写格式是否正确的代码[网页特效]

王朝html/css/js·作者佚名 2008-05-31

由于marquee标签现在用得是越来越少了，所以滚动效果的做法大多也都改用javascript来实现了，至于不明白为什么不直接用marquee标签的朋友，不妨先阅读一下这篇文章。

第一种方法：用javascript模拟marquee的做法。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>热点新闻knowsky.com</title>

<!--

body {

margin: 0px;

font-size: 12px;

color: #938C43;

line-height: 150%;

text-align:center;

}

a:link{color: #9D943A;font-size:12px;}

a:hover{color: #FF3300;font-size:12px;}

a:visited{color: #9D943A;font-size:12px;}

a.red:link{color: #ff0000;font-size:12px;}

a.red:hover{color: #ff0000;font-size:12px;}

a.red:visited{color: #ff0000;font-size:12px;}

#marqueeBox{background:#f7f7f7;border:1px solid silver;padding:1px;text-align:center;margin:0 auto;}

-->

</style>

</head>

<body>

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>