关于左右滚动的一个效果,我现在已经实现了自动左右滚动的,但是点击的效果没有做出来,就是当我点击了一个按钮就会像左边移动一点 点击另外一个按钮会向右边移动一点 这个效果实现不来<div class="dong"><!--左右滚动的特效-->
<div class="shit">
<ul class="gundong">
<li>|</li>
<li>普及禽流感预防知识 创建和谐健康社会</li>
<li>|</li>
<li>40周年庆,百万礼券大冲关</li>
<li>|</li>
<li>手拉手***</li>
<li>|</li>
<li>普及禽流感预防知识 创建和谐健康社会</li>
<li>|</li>
<li>40周年庆,百万礼券大冲关</li>
<li>|</li>
<li>手拉手***</li>
</ul>
</div>
</div><!--左右滚动的特效-->
<div class="dian">
<ul>
<li class="zuobian"><img src="images/arrow_prew.png"></li>
<li><img src="images/arrow_next.png"></li>
<li><img src="images/more.png"></li>
</ul>
</div>
</div>$(function(){
setInterval(function(){
$(".shit").animate({
'left':-800
},25000,function(){
$(".shit").css({
left:800
});
});
$(".shit").animate({
left:'0px'
},25000);
},500);
$(".zuobian").click(function(){
$(".shit").animate({
left:'-150px',
})
})
}); <!--这一块是点击的,但是实现不了,请指教-->
<div class="shit">
<ul class="gundong">
<li>|</li>
<li>普及禽流感预防知识 创建和谐健康社会</li>
<li>|</li>
<li>40周年庆,百万礼券大冲关</li>
<li>|</li>
<li>手拉手***</li>
<li>|</li>
<li>普及禽流感预防知识 创建和谐健康社会</li>
<li>|</li>
<li>40周年庆,百万礼券大冲关</li>
<li>|</li>
<li>手拉手***</li>
</ul>
</div>
</div><!--左右滚动的特效-->
<div class="dian">
<ul>
<li class="zuobian"><img src="images/arrow_prew.png"></li>
<li><img src="images/arrow_next.png"></li>
<li><img src="images/more.png"></li>
</ul>
</div>
</div>$(function(){
setInterval(function(){
$(".shit").animate({
'left':-800
},25000,function(){
$(".shit").css({
left:800
});
});
$(".shit").animate({
left:'0px'
},25000);
},500);
$(".zuobian").click(function(){
$(".shit").animate({
left:'-150px',
})
})
}); <!--这一块是点击的,但是实现不了,请指教-->
<html>
<body>
<div style="background:#000000;width:50px;height:50px;position:absolute;left:500px;"></div>
<input type="button" value="左移" onclick="doMove(-10)"/><br/>
<input type="button" value="右移" onclick="doMove(10)"/>
<script type="text/javascript">
function doMove(step)
{
var oDiv=document.getElementsByTagName('div')[0];
oDiv.style.left=oDiv.offsetLeft+step+"px";
}
</script>
</body>
</html>