无缝滚动js

 window.onload = function() {
     var content = document.getElementById("content")
     var ul = content.getElementsByTagName("ul")[0]
     var li = ul.getElementsByTagName("li")
     var speed = 1;

     ul.innerHTML += ul.innerHTML
     ul.style.width = li.length * li[0].offsetWidth + "px"

     function run() {
         if (ul.offsetLeft < -ul.offsetWidth / 2) {
             ul.style.left = 0
         } else if (ul.offsetLeft > 0) {
             ul.style.left = -ul.offsetWidth / 2 + "px"
         }

         ul.style.left = ul.offsetLeft + speed + "px"
     }
     timer = setInterval(run, 30)

     content.onmouseover = function() {
         clearInterval(timer)
     }

     content.onmouseout = function() {
         timer = setInterval(run, 30)
     }


 }

js代码路基,记录一下

你可能感兴趣的:(前端,node.js,javascript)