JS滚动
横向:一个Jquery插件 liScroll
纵向:来自百度空间的一段代码,整屏滚动,效果不错。
<script type="text/javascript"> function startmarquee(lh, speed, delay, index) { var t; var p = false; var o = document.getElementById("scoll"); o.innerHTML += o.innerHTML; o.onmouseover = function() { p = true } o.onmouseout = function() { p = false } o.scrollTop = 0; function start() { t = setInterval(scrolling, speed); if (!p) o.scrollTop += 2; } function scrolling() { if (o.scrollTop % lh != 0) { o.scrollTop += 2; if (o.scrollTop >= o.scrollHeight / 2) o.scrollTop = 0; } else { clearInterval(t); setTimeout(start, delay); } } setTimeout(start, delay); } try { startmarquee(80, 50, 3000, 0); } catch (e) { } </script>
参数:
- lh:滚动距离
- speed:滚动速度
- delay:延迟时间
使用:
<ul id="scoll" style="overflow: hidden"> <li></li> </ul>