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);
    }

}

你可能感兴趣的:(jquery)