Rumah >hujung hadapan web >tutorial js >js文字滚动停顿效果代码_javascript技巧

js文字滚动停顿效果代码_javascript技巧

WBOY
WBOYasal
2016-05-16 19:03:202300semak imbas

nbsp;html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">



间断滚动_www.jb51.net_脚本之家




    
间断-1-caiying2007

    
间断-2-caiying2007

    
间断-3-caiying2007


<script> <BR>var Mar = document.getElementById("Marquee"); <BR>var child_div=Mar.getElementsByTagName("div") <BR>var picH = 60;//移动高度 <BR>var scrollstep=3;//移动步幅,越大越快 <BR>var scrolltime=20;//移动频度(毫秒)越大越慢 <BR>var stoptime=3000;//间断时间(毫秒) <BR>var tmpH = 0; <BR>Mar.innerHTML += Mar.innerHTML; <BR>function start(){ <BR> if(tmpH < picH){ <BR> tmpH += scrollstep; <BR> if(tmpH > picH )tmpH = picH ; <BR> Mar.scrollTop = tmpH; <BR> setTimeout(start,scrolltime); <BR> }else{ <BR> tmpH = 0; <BR> Mar.appendChild(child_div[0]); <BR> Mar.scrollTop = 0; <BR> setTimeout(start,stoptime); <BR> } <BR>} <BR>onload=function(){setTimeout(start,stoptime)}; <BR></script>

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn