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>

浙公网安备 33010602011771号