我有两个div和两个按钮：
<div id="container">
<div id="items"></div>
</div>
<div id="up"></div>
<div id="down"></div>
如何连续滚动’#items’直到用户释放按钮？
我尝试使用jquery mousedown事件和动画功能,但无法使其工作.
$("#up").mousedown(function(){
$("#items").animate({"top": "+=10px"},"fast");
})
上面的代码只移动div一次.我希望在释放按钮之前实现连续动画.谢谢你的帮助！
解决方法
请试试这个：
var scrolling = false;
jQuery(function($){
$("#up").mousedown(function(){
scrolling = true;
startScrolling($("#items"),"-=10px");
}).mouseup(function(){
scrolling = false;
});
});
function startScrolling(obj,param)
{
obj.animate({"top": param},"fast",function(){
if (scrolling)
{
startScrolling(obj,param);
}
});
}
