简单的上下焦点图

<script type="text/javascript">
$(function(){
$('.all ol li').click(function(event) {
$(this).addClass('current').siblings().removeClass();
var index = $(this).index();
$('.all ul').stop().animate({
top:index*-170
}, 500);
num = index;
});
var timer = null;
var num = 0;
timer = setInterval(autoplay,2000);
function autoplay(){
num++;
if (num>4) {
num=0;
}
$('.all ol li').eq(num).addClass('current').siblings().removeClass();
$('.all ul').stop().animate({
top:num*-170
}, 500);
}
$(".all div").hover(function() {
clearInterval(timer);
}, function() {
clearInterval(timer);
timer=setInterval(autoplay,2000);
});
})
</script>