首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

求一段 Javascript 代码,多谢

2012-02-10 
求一段 Javascript 代码,谢谢!求一段Javascript代码,能够向上间歇滚动的文字,每次只显示一行。网上找了一些

求一段 Javascript 代码,谢谢!
求一段   Javascript   代码,能够向上间歇滚动的文字,每次只显示一行。
网上找了一些,但都不能运行,我非专业的,不太熟悉。

谢谢!

[解决办法]
详细见:
http://www.soojs.com/t/?p=571&wd=%B9%F6%B6%AF&cl=7
[解决办法]
<script langauge= "javascript ">
/**
*@Description:Javascript 轮显效果
*@Author:chouchy(城市刀客)
*/
var myContent=new Array();
myContent[0] = '1:求一段 Javascript 代码 ';
myContent[1] = '2:能够向上间歇滚动的文字 ';
myContent[2] = '3:每次只显示一行 ';

var marqueeDelay=3000;//控制轮换显示时间,单位毫秒
var scrollTime=20;//控制滚动速度,单位毫秒
var marqueeHeight=20;//显示区域的高度,单位px
var intervalId=new Array(2);
var indexId=0;

var marqueeDiv=null;

function initMarquee()//初始化
{
document.write( ' <div id= "marqueeDiv " style= "overflow:hidden;height: '+marqueeHeight+ 'px;cursor:hand " onmouseover= "clearInterval(intervalId[0]) " onmouseout= "intervalId[0]=setInterval(\ 'startMarquee()\ ',marqueeDelay) "> <div> Loading... </div> </div> ');
marqueeDiv=document.getElementById( "marqueeDiv ");
intervalId[0]=setInterval( "startMarquee() ",marqueeDelay);
}

function startMarquee() //轮显
{
marqueeDiv.scrollTop=0;
marqueeDiv.childNodes[0].innerHTML=myContent[indexId];
indexId++;
if(indexId==myContent.length) indexId=0;
if(marqueeDiv.childNodes[1]==null)
{
var tempDiv=document.createElement( "DIV ");
tempDiv.innerHTML=myContent[indexId];
marqueeDiv.appendChild(tempDiv);
}
else
marqueeDiv.childNodes[1].innerHTML=myContent[indexId];
if(intervalId[1]==null)
intervalId[1]=setInterval( "scrollMarquee() ",scrollTime);
}

function scrollMarquee() //滚动
{
marqueeDiv.scrollTop++;
if(marqueeHeight==marqueeDiv.scrollTop && intervalId[1]!=null)
clearInterval(intervalId[1]);
}

initMarquee();
</script>

热点排行