求一段 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>