jQuery实现的向上/向下无缝滚动简洁代码,HTML部分用个ul,注意把overflow设置为hidden,引入jQuery库就可以使用了,那是相当地简洁有木有。
<script type="text/javascript">
$('#btnStopUp').click(function(){
setInterval(function(){
$('#leftBox li:last').css({'height':'0px','opacity': '0'}).insertBefore('#leftBox li:first').animate({'height':'35px','opacity': '1'}, 'slow', function() {
$(this).removeAttr('style');
});
},1000);
$(this).attr('disabled',true);
return;
});
$('#btnStopDown').click(function(){
setInterval(function(){
$('#rightBox li:first').animate({'height':'0','opacity': '0'}, 'slow', function() {
$(this).removeAttr('style').insertAfter('#rightBox li:last');
});
},1000);
$(this).attr('disabled',true);
return;
});
</script>