借花献佛:<html>
<head>
<SCRIPT LANGUAGE=javascript><!--
function test()
{
try
{
var str = marStr.innerText;
var intLen1 = str.length;
var intLen2 = marStr.offsetWidth;
var j = intLen2/intLen1;
var strTemp = marStr.innerHTML;
if(j>1)
{
for(var i=0; i<j; i++)
strTemp+=" "+marStr.innerHTML;
}
marStr.innerHTML=strTemp;
}
catch(e){}
}
//--></SCRIPT></head>
<body onload=test()>
<marquee behavior="SCROLL" id="marStr" height="150" width="100%" loop="-1" truespeed onMouseOver="this.stop();" onMouseOut="this.start();">1234567890</marquee>
</body>
</html>
<head>
<SCRIPT LANGUAGE=javascript><!--
function test()
{
try
{
var str = marStr.innerText;
var intLen1 = str.length;
var intLen2 = marStr.offsetWidth;
var j = intLen2/intLen1;
var strTemp = marStr.innerHTML;
if(j>1)
{
for(var i=0; i<j; i++)
strTemp+=" "+marStr.innerHTML;
}
marStr.innerHTML=strTemp;
}
catch(e){}
}
//--></SCRIPT></head>
<body onload=test()>
<marquee behavior="SCROLL" id="marStr" height="150" width="100%" loop="-1" truespeed onMouseOver="this.stop();" onMouseOut="this.start();">1234567890</marquee>
</body>
</html>
但我现在是一组向上滚动的图片。而且图片的总高度,超过</marquee>的高度
1234567890重复了90次,90*1234567890过后,还是有空白。
90是marquee的宽度/10取整得来的。
你可以将marquee里的那个图片链接循环N次即可达到你的目的了。
<div id=demo1>
111111111111111<br>
222222222222222<br>
333333333333333<br>
444444444444444<br>
555555555555555
</div>
<div id=demo2></div>
<script>
var t=demo.scrollTop
demo2.innerText=demo1.innerText
function qswhMarquee(){
if(demo2.offsetTop-demo.scrollTop<=0)
demo.scrollTop-=demo1.offsetHeight
else
demo.scrollTop++
}
setInterval(qswhMarquee,10)
</script>
能不能写成
demo.scrollTop=0因为这里demo1.offsetHeight=demo2.offsetHeight=demo2.offsetTop=demo1.offsetTop
因该是demo1.offsetHeight=demo2.offsetHeight=demo2.offsetTop