首頁 >web前端 >html教學 >div文字滚动效果在不同的浏览器里出现上下两行文字重叠问题_html/css_WEB-ITnose

div文字滚动效果在不同的浏览器里出现上下两行文字重叠问题_html/css_WEB-ITnose

WBOY
WBOY原創
2016-06-24 12:14:471860瀏覽

本帖最后由 constance2098 于 2012-09-12 15:35:09 编辑

用div做出的文字滚动效果在大部分浏览器上都没问题,只是在个别电脑的浏览器上观看时出现上下两行重叠效果;而且这个滚动效果页面A是嵌入在页面B里的,单独访问页面A是没问题的,但是访问页面B时这个页面就出现了上下两行文字重叠在一起的问题,求大侠帮助;
代码如下:




  • 1111111

  • 2222222

  • 3333333

  • 4444444

  • 5555555


  • <script> <br /> var Mar = document.getElementById("Marquee"); <br /> var child_div=Mar.getElementsByTagName("li") <br /> var picH = 16; <br /> var scrollstep=3; <br /> var scrolltime=100; <br /> var stoptime=5000; <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>

    回复讨论(解决方案)

    请大侠们帮忙呀 是代码的问题还是浏览器的问题呢?

    到底是哪儿的问题呢,该怎么解决呀

    是代码的问题还是浏览器的问题呢?如果是代码的问题,单独访问页面A没问题啊;如果是浏览器的问题,不单是一台电脑出现重叠,请各位帮忙呀

    陳述:
    本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn