/**scroll**/ var _len = $("#slides .ulImage li").length; var _html = ''; $("#slides").append(_html); scrollWindow(); function scrollWindow() { var _screenW = document.documentElement.clientWidth; $("#slides").width(_screenW); $("#slides .ulImage").width(_screenW * _len); $("#slides .ulImage li").width(_screenW); return _screenW; } $(window).resize(function () { scrollWindow(); }); function kvScroll(_index) { if (_index < _len) { _screenW = scrollWindow(); _left1 = -_index * _screenW; $("#slides .ulLink li").removeClass("liCurr"); $("#slides .ulLink li").eq(_index).addClass("liCurr"); $("#slides .ulImage").animate({ "left": _left1 }, 500, function () { times = window.setTimeout(function () { kvScroll(_index + 1) }, 5000) }) } else { kvScroll(0) } } $("#slides .ulLink li").each(function (index, node) { $(this).click(function () { $("#slides .ulImage").stop(); window.clearTimeout(times); kvScroll(index); }); }); kvScroll(0);