jquery scrollLeft
scrollLeft 方法又不支持运算符的
要取到当前的scrollLeft()然后在当前基础上再加上100 那才会不停滚动
要取到当前的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;}
#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>
<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);
}
}
if(direction=='left'){
$('#pic ul').scrollLeft($('#pic ul').scrollLeft()+100);
}
else{
$('#pic ul').scrollLeft($('#pic ul').scrollLeft()-100);
}
}