<title>文字滚动</title>
<style type="text/css">
#rollText{font:14px /20px verdana;}
</style>
<div id="rollAD" style="height:20px; position:relative; overflow:hidden;">
<div id="rollText" style="font-size:14px; line-height:20px;">
<a href="/" title=""> </a><br />
<a href="/" title="">◇ 1</a><br />
<a href="/" title="">◇ 2</a><br />
</div>
</div>
<script type="text/javascript">
// <![CDATA[
var textDiv = document.getElementById("rollText");
var textList = textDiv.getElementsByTagName("a");
if(textList.length > 2){
var textDat = textDiv.innerHTML;
var br = textDat.toLowerCase().indexOf("<br",textDat.toLowerCase().indexOf("<br")+3);
//var textUp2 = textDat.substr(0,br);
textDiv.innerHTML = textDat+textDat+textDat.substr(0,br);
textDiv.style.cssText = "position:absolute; top:0";
var textDatH = textDiv.offsetHeight;MaxRoll();
}
var minTime,maxTime,divTop,newTop=0;
function MinRoll(){
newTop++;
if(newTop<=divTop+20){ //设置翻页高度,与div高度有关联
textDiv.style.top = "-" + newTop + "px";
}else{
clearInterval(minTime);
maxTime = setTimeout(MaxRoll,5000);
}
}
function MaxRoll(){
divTop = Math.abs(parseInt(textDiv.style.top));
if(divTop>=0 && divTop<textDatH-40){
minTime = setInterval(MinRoll,1);
}else{
textDiv.style.top = 0;divTop = 0;newTop=0;MaxRoll();
}
}
// ]]>
</script>/*--------------------------------------------------------------------------------------------*/
请教各位
因为不是很了解javascript 所以上述代码是从网上找了一下相关文字滚动的代码
这个是在众多代码中 比较符合自己需求的发现一个问题,当每次刷新的时候
红色内容的第一行 直接就翻页过去了
所以只能看到第二行内容
所以我添加了一行空内容 这样就可以看到第一行了
但是 如果把滚动时间调的长些话
当滚动会第一条的时候 空内容也要等待很长时间请问这种情况有没有什么方法可以解。。?
<style type="text/css">
#rollText{font:14px /20px verdana;}
</style>
<div id="rollAD" style="height:20px; position:relative; overflow:hidden;">
<div id="rollText" style="font-size:14px; line-height:20px;">
<a href="/" title=""> </a><br />
<a href="/" title="">◇ 1</a><br />
<a href="/" title="">◇ 2</a><br />
</div>
</div>
<script type="text/javascript">
// <![CDATA[
var textDiv = document.getElementById("rollText");
var textList = textDiv.getElementsByTagName("a");
if(textList.length > 2){
var textDat = textDiv.innerHTML;
var br = textDat.toLowerCase().indexOf("<br",textDat.toLowerCase().indexOf("<br")+3);
//var textUp2 = textDat.substr(0,br);
textDiv.innerHTML = textDat+textDat+textDat.substr(0,br);
textDiv.style.cssText = "position:absolute; top:0";
var textDatH = textDiv.offsetHeight;MaxRoll();
}
var minTime,maxTime,divTop,newTop=0;
function MinRoll(){
newTop++;
if(newTop<=divTop+20){ //设置翻页高度,与div高度有关联
textDiv.style.top = "-" + newTop + "px";
}else{
clearInterval(minTime);
maxTime = setTimeout(MaxRoll,5000);
}
}
function MaxRoll(){
divTop = Math.abs(parseInt(textDiv.style.top));
if(divTop>=0 && divTop<textDatH-40){
minTime = setInterval(MinRoll,1);
}else{
textDiv.style.top = 0;divTop = 0;newTop=0;MaxRoll();
}
}
// ]]>
</script>/*--------------------------------------------------------------------------------------------*/
请教各位
因为不是很了解javascript 所以上述代码是从网上找了一下相关文字滚动的代码
这个是在众多代码中 比较符合自己需求的发现一个问题,当每次刷新的时候
红色内容的第一行 直接就翻页过去了
所以只能看到第二行内容
所以我添加了一行空内容 这样就可以看到第一行了
但是 如果把滚动时间调的长些话
当滚动会第一条的时候 空内容也要等待很长时间请问这种情况有没有什么方法可以解。。?
<marquee scrollAmount=2 width=300 height=160 direction=up>•早晨好啊!<br>•空气好清新啊<br>•好呢?<p>•<a href=http://www.cctv.com>中央电视台</a></marquee>
marquee有很多效果是不能实现的
所以我才用js的。