'; for (var i = 0; i "; } var tmptop = ' style="top:' + parseInt((sHeight - 100) / 2) + 'px;"'; btn += '
'; $("#" + id).append(btn); //爲小按鈕添加鼠標滑入事件,以顯示相應的內容 $("#" + id + " .btn span").mouseover(function () { index = $("#" + id + " .btn span").index(this); mxshowPics(id, index); }).eq(0).trigger("mouseover"); } //本例爲左右滾動,即所有li元素都是在同一排向左浮動,所以這裏需要計算出外圍ul元素的寬度 $("#" + id + " ul").css("width", sWidth * (len)); //鼠標滑上焦點圖時停止自動播放,滑出時開始自動播放 $("#" + id).hover(function () { clearInterval(picTimer); }, function () { picTimer = setInterval(function () { mxshowPics(id, index); index++; if (index == len) { index = 0; } }, 4000); //此4000代表自動播放的間隔,單位:毫秒 }).trigger("mouseleave"); } } //顯示圖片函數,根據接收的index值顯示相應的內容 function mxshowPics(id, index) { //普通切換 var sWidth = $("#" + id).width(); var nowLeft = -index * sWidth; //根據index值計算ul元素的left值 $("#" + id + " ul").stop(true, false).animate({ "left": nowLeft }, 300); //通過animate()調整ul元素滾動到計算出的position //$("#"+id+" .btn span").removeClass("on").eq(index).addClass("on"); //爲當前的按鈕切換到選中的效果 $("#" + id + " .btn span").stop(true, false).addClass('blank').eq(index).stop(true, false).removeClass('blank'); //爲當前的按鈕切換到選中的效果 $('#max_bodybox').css('background-position', '0 -' + (index * 318) + 'px'); } MxFlashImage('adv10000004', true);