jquery scrollLeft

scrollLeft 方法又不支持运算符的
要取到当前的scrollLeft()然后在当前基础上再加上100 那才会不停滚动

#pic {float:left; width:920px; margin:0 10px;}
#pic ul 
{margin:15px 0; white-space:nowrap; width:920px; overflow:hidden;}
#pic li 
{*float:left; width:90px; height:90px; margin:0 5px; *clear:right; border:1px solid #B7DEEF; text-align:center; display:inline-block; vertical-align:middle;}

<div id='pic'>
<ul>
<li><img src='images/1.jpg' /></li>
<li><img src='images/1.jpg' /></li>
<li><img src='images/1.jpg' /></li>
<li><img src='images/1.jpg' /></li>
<li><img src='images/1.jpg' /></li>
<li><img src='images/1.jpg' /></li>
</ul>
</div>

function Scroll(direction){
    
if(direction=='left'){
        
        $(
'#pic ul').scrollLeft($('#pic ul').scrollLeft()+100);
    }

    
else{
        $(
'#pic ul').scrollLeft($('#pic ul').scrollLeft()-100);
    }

}
posted @ 2009-07-27 16:36  朝夕  阅读(3329)  评论(0编辑  收藏  举报