代码在
http://www.77design.com/scripts/functions_scroll.js关键的函数是:
function ff_scrollLayer(strLayer, direction, speed) {
if(ff_getObj(strLayer)){
scrollTimer = null
var y = ff_getY(strLayer)
if (typeof(scrOrigY[strLayer]) == 'undefined') {
scrOrigY[strLayer] = y
scrOrigH[strLayer] = ff_getH(strLayer)
}
var offset = y - scrOrigY[strLayer]
speed = (speed) ? speed : 3
if ( (direction == -1 && y+ff_getScrollH(strLayer) >= scrOrigY[strLayer]+scrOrigH[strLayer]) || (direction == 1 && y < scrOrigY[strLayer]) ) {
offset += direction*speed
ff_moveBy(strLayer, null, direction*speed)
ff_clip(strLayer, 0-offset, ff_getW(strLayer), (0-offset) + scrOrigH[strLayer], 0)
scrollTimer = setTimeout("ff_scrollLayer('" + strLayer + "', " + direction + ", " + speed + " ) ", 30)
}
}
}
在你的网页中添加一个图层,id为“MyLayer”,图层中放上滚动内容,然后在箭头处:
onMouseOver="ff_scrollLayer('MyLayer', 1, 10)"//向上滚动
onMouseOut="clearTimeout(scrollTimer)"
onMouseOver="ff_scrollLayer('MyLayer', -1, 10)"//向下滚动
onMouseOut="clearTimeout(scrollTimer)"