<div style="width: 160px; height: 58px">;间断-1-caiying2007</div>
<div style="width: 160px; height: 58px">;间断-2-caiying2007</div>
<div style="width: 160px; height: 58px">;间断-3-caiying2007</div>
</div>
<script>
function up(x){
var Mar = document.getElementById(x);
var child_div=Mar.getElementsByTagName("div")
var picH = 60;//移动高度
var scrollst ep=3;//移动步幅,越大越快
var scrolltime=20;//移动频度(毫秒)越大越慢
var stoptime=3000;//间断时间(毫秒)
var tmpH = 0;
Mar.innerHTML += Mar.innerHTML;
function start(){
if(tmpH < picH){
tmpH += scrollstep;
if(tmpH > picH )tmpH = picH ;
Mar.scrollTop = tmpH;
setTimeout(start,scrolltime);
}else{
tmpH = 0;
Mar.appendChild(child_div[0]);
Mar.scrollTop = 0;
setTimeout(start,stoptime);
}
}
setTimeout(start,stoptime);
}
up("Marquee")
up("Marquee1")
</script>
</body>
</html
7.利用javascript实现文字滚动<script type="text/javascript">
marqueesHeight=222;
stopscroll=false;
document.write('<div id="templayer" style="position:absolute;z-index:1;visibility:hidden"></div>');
preTop=0; currentTop=0;
function init(){
with(marquees){ //这段移进来 。
//style.width=0; //注释掉这一句 。
style.height=marqueesHeight;
style.overflowX="visible";
style.overflowY="hidden";
noWrap=true;
onmouseover=new Function("stopscroll=true");
onmouseout=new Function("stopscroll=false");
}
templayer.innerHTML="";
while(templayer.offsetHeight<marqueesHeight){
templayer.innerHTML+=marquees.innerHTML;
}
marquees.innerHTML=templayer.innerHTML+templayer.innerHTML;
setInterval("scrollup()",50);
}
onload=init; //这句改这样 。
function scrollup(){
if(stopscroll==true) return;
preTop=marquees.scrollTop;
marquees.scrollTop+=1;
if(preTop==marquees.scrollTop){
marquees.scrollTop=templayer.offsetHeight-marqueesHeight;
marquees.scrollTop+=1;
}
}
</script>
div标签中的内容(因为是往上移动,所以记得加个换行标签<br />:
<div id="marquees">
滚动文字内容<br />
</div>
//没有最好,只有更好!
8.Js怎样做文字滚动<meta ; charset=gb2312" />无标题文档<style type="text/css"></style><body> 间断-1-caiying2007 间断-2-caiying2007 间断-3-caiying2007 间断-1-caiying2007 间断-2-caiying2007 间断-3-caiying2007