'); $o.append(arr.join('')); var $pagesLi = $o.find('.banner_pages li'); //mouse $pagesLi.children('span').click(function () { var p = $pagesLi.index($o.find('.banner_pages li.current')); i = $pagesLi.children('span').index($(this)); if (i == p) return; l = parseInt($ul.css('left')) + w * (p - i); addCurrent(i, l); return false; }) //auto focus t = setInterval(init, 3000); $o.hover(function () { clearInterval(t); }, function () { t = setInterval(init, 3000); }); function init() { i = ($pagesLi.index($o.find('.banner_pages li.current')) + 1) % (len / 2); l = parseInt($ul.css('left')) - w; addCurrent(i, l); return false; } //add focus function addCurrent(i, l) { if ($ul.is(':animated')) return; $ul.animate({'left': l}, 500, function () { $o.children('.banner_count').text(i + 1); $infoLi.not($infoLi.eq(i).addClass('current')).removeClass('current'); $pagesLi.not($pagesLi.eq(i).addClass('current')).removeClass('current'); if (l == (1 - len) * w) { $ul.css({'left': (1 - len / 2) * w}); } else if (l == 0) { $ul.css({'left': -len * w / 2}); } }); } } } $(function(){ change1(); })