javascript学习指南_Javascript中热点新闻滚动特效代码

更新时间：2018-02-05 来源：热点短信手机版 字体：大中小

【www.bbyears.com--热点短信】

提示：您可以先修改部分代码再运行

<!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]="ASP.NET源代码下载";
marqueeContent[1]="JAVA源代码下载";
marqueeContent[2]="源码下载";
marqueeContent[3]="<a href="http://www.bbyears.com/clist-18-1.html" target="_blank" class="keylink">网页特效</a>";
var marqueeInterval=new Array();
var marqueeId=0;
var marqueeDelay=2000;
var marqueeHeight=20;
function initMarquee() {
 var str=marqueeContent[0];
 document.write(""+str+"");
 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>

提示：您可以先修改部分代码再运行

本文来源：http://www.bbyears.com/zhufuduanxin/39041.html

链接：http://www.bbyears.com/zhufuduanxin/39041.html
javascript学习指南_Javascript中热点新闻滚动特效代码(转载时请注明本文出处及链接)

猜你感兴趣

[javascript学习指南]javascript中向左滚动文字效果 2018-02-05
dedecms内容页_dedecms列表页与详情调用tag标签同时带上链接 2018-02-05
photoshop教程_利用Photoshop给初夏外景美女加上清爽的阳光色教程 2018-02-05
flash动态文本|flash中在文本字段上设置网格实例 2018-02-05
dedecms模板|Dedecms5.6/5.7系统转移data目录网站验证码不显示 2018-02-05
[未利用地]利用PS鼠绘神态憨厚的小白猫头像教程 2018-02-05
photoshop教程|利用Photoshop给树林图片增加柔和的透射阳光效果 2018-02-05
利用photoshop快速制作网页|利用Photoshop快速制作剔透的圆形玻璃镜片教程 2018-02-05
【json】js TAB选项卡的字幕滚动效果 2018-02-05
[三星n7100官方驱动]三星N7100/GT-N7108如何设置自定义短信铃声 2018-02-05

本类排行

本类最新

更多>>

javascript学习指南_Javascript中热点新闻滚动特效代码

猜你感兴趣

热门标签

本类排行

本类最新