function addEventSimple(obj, evt, fn) {
if (obj.addEventListener) {
obj.addEventListener(evt, fn, false);
} else if (obj.attachEvent) {
obj.attachEvent('on' + evt, fn);
}
}
addEventSimple(window, 'load', initScrolling);
var scrollingBox;
var scrollingInterval;
var reachedBottom = false;
var bottom;
function initScrolling() {
scrollingBox = document.getElementById('xst');
scrollingBox.style.overflow = "hidden";
scrollingInterval = setInterval("scrolling()", 50);
scrollingBox.onmouseover = over;
scrollingBox.onmouseout = out;
}
function scrolling() {
var origin = scrollingBox.scrollTop++;
if (origin == scrollingBox.scrollTop) {
if (!reachedBottom) {
scrollingBox.innerHTML += scrollingBox.innerHTML;
reachedBottom = true;
bottom = origin;
} else {
scrollingBox.scrollTop = bottom;
}
}
}
function over() {
clearInterval(scrollingInterval);
}
function out() {
scrollingInterval = setInterval("scrolling()", 50);
}
本文介绍了一个简单的自动滚动效果实现方案,使用JavaScript通过监听窗口加载事件来初始化滚动行为,并且能够根据鼠标悬停状态暂停或继续滚动。该方案适用于需要创建无限滚动效果的网页。
2046

被折叠的 条评论
为什么被折叠?



