var t = n = i = 0, count;
$(function () {
count = $(".scroll_pic .scroll_item").length;//求出图片数量
$(".scroll_pic .scroll_item:not(:first)").hide();//隐藏第一张以外的所有图片
$("#scroll_button li").click(function () {
i = n = $(this).index();//index() 方法返回指定元素相对于其他指定元素的 index 位置。
$(".scroll_pic .scroll_item").eq(i).show().siblings().hide();//siblings()选择除自身以外的所有同胞元素
$(this).addClass("scroll_in").siblings().removeClass("scroll_in");
//鼠标经过图片区域停止setInterval()调用函数，移开恢复
});
t = setInterval("picShowAuto()", 3000);//setInterval() 方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭
$(".scroll").hover(function () {
clearInterval(t)
}, function () {
t = setInterval("picShowAuto()", 3000);
});
});
function picShowAuto() {
n = n >= (count - 1) ? 0 : ++n;
$("#scroll_button li").eq(n).trigger("click");//trigger() 方法触发被选元素的指定事件类型
}
鍗栦骇鍝併€佹帴骞垮憡杩樻湁寰堝浜哄湪鍗栬嚜宸辩殑鎶€鑳借禋閽憋紝鏈夌殑浜烘帹鍑轰笓灞炵殑鍩硅鏈嶅姟锛岃垂鐢ㄤ笂涓囷紝涓€涓湀璧氫笁浜斾竾涔熷緢杞绘澗銆?/p>
鏂囨鎬庝箞鍐?
1銆佹娂闊?/p>
杩欎釜涓嶇敤澶氳锛屽熀鏈笂鎶奸煹鏄繖绫绘枃妗堢殑鍓嶆彁锛屾娂闊典箣鍚庡氨浼氭湕鏈椾笂鍙ｏ紝鑰屼笂鍙ｇ殑涓滆タ鏇村鏄撲紶鎾紝杩欎篃鍙嶈繃鏉ユ帹鍔ㄦ枃妗堜滑锛屽啓濂戒簡绋垮埆鍏夌湅锛岃涓€璇伙紝璇诲緱椤虹殑鏂囨鎵嶆槸濂芥枃妗堛€?/p>
鍐欐娂闊电殑鏂囩珷鍏跺疄鏈夎瘈绐嶇殑锛屾壘鐐规瓕璇嶃€佽瘲璇嶏紝鏀圭紪涓€涓嬶紝椤虹潃闊佃剼璧帮紝涓嶄細鎶奸煹涔熸垚闊点€?/p>
2銆佹墡蹇?/p>
鎵庡績灏辨槸鍏遍福銆佸叡楦ｏ紝璁╁埆浜烘劅瑙夎鐨勫氨鏄嚜宸便€傝繖閲岄潰灏卞彲浠ユ姄鍙栦竴浜涚ぞ浼氱儹璁殑鎯呮€€锛屼竴浜涚洰鏍囦汉缇ょ殑鏍稿績璇夋眰锛屾瘮濡傚コ浜轰滑鐨勫噺鑲ャ€佽喘鐗╋紝鐢蜂汉浠殑鍏勫紵銆佹父鎴忥紝鎵惧埌鍏遍福锛岃嚜鐒舵墡蹇冦€?/p>
3銆佸€熷彛
缁欏埆浜轰竴涓斁绾电殑鍊熷彛锛屽叾瀹炰篃鏄墡蹇冪殑涓€绉嶃€傝繖閲岃窡涓ф枃鍖栨湁鐐硅仈绯伙紝灏辨槸浣犵殑鏂囨鍑烘潵锛岃缁欏埆浜轰竴绉嶆斁绾佃€屽張鍏嬪埗鐨勬儏缁紝濂芥兂鍐嶇粰浣犱竴涓€熷彛锛屽氨鏀剧旱杩欎竴娆★紝鍙兘鎵惧埌濂界殑鍊熷彛锛屼篃鏄竴绉嶆墡蹇冨惂銆?/p>
4銆佷汉璇?/p>
鐧藉眳鏄撳憡璇夋垜浠紝闅斿閭诲眳澶у鑳藉惉鎳傜殑璇楁墠鏄ソ璇椼€傛潕鍙吔鍛婅瘔鎴戜滑锛屽ぇ瀹堕兘鑳藉惉鎳傜殑浜鸿瘽鎵嶄笉鏄嚜鍡ㄥ瀷鏂囨銆傜敤鐐规瘮鍠诲憖锛岀被姣斿憖锛岄兘鏄负浜嗕竴涓洰鐨勶紝璁╁ぇ瀹剁湡鐨勭煡閬撲綘璇寸殑鏄粈涔堛€備絾鏄垜瑙夊緱锛岃浜鸿瘽鍜屼綆淇椾篃鏈変釜鐣岄檺锛岃浣犳妸鎻°€?/p>
5銆佽皟鎬?/p>
鍏跺疄杩欎釜璇嶅氨涓嶅お鍍忎汉璇濓紝浣嗘槸杩欎釜璇嶆槸濡傛閲嶈锛屽叧绯绘枃妗堢殑鏍稿績銆傛枃妗堢湡鐨勫彧鏄惀閿€鏈€鏈妭鐨勪竴鐜紝鏄负鏁翠釜钀ラ攢鏈嶅姟鐨勶紝浣犵殑浜у搧鏄粈涔堬紝浣犵殑钀ラ攢绛栫暐鏄粈涔堬紝閮藉叧绯诲埌鏂囨鐨勮皟鎬с€傚彲浠ユ薄锛屽彲浠ユ锛屽彲浠ヤ織锛屽彲浠ラ泤鈥︹€?/p>
灏忕孩涔﹀啓鏂囨澶у閮芥槸閫氳繃鎺ュ箍鍛娿€佸崠浜у搧鏉ヨ禋閽辩殑锛岄攢鍞笉鍚岀殑浜у搧姣忕浜у搧鎵€瀵瑰簲鐨勬枃妗堝張鏈夋墍涓嶅悓銆傚鏋滀綘浼氬啓鏂囨閭ｅ氨鍏堟敞鍐屼竴涓皬绾功璐﹀彿鍚с€?/p>
鎺ㄨ崘闃呰锛?/p>
灏忕孩涔﹀彂涓滆タ鑳借禋閽卞悧?鍙戝竷灏忕孩涔︽€庝箞鎸ｉ挶?
灏忕孩涔︾編椋熻处鍙锋€庝箞璧氶挶?缇庨鍒嗕韩濡備綍鍙橀挶?
灏忕孩涔﹀灏戠矇涓濇湁鏀跺叆?绮変笣杩囦竾鏈夋敹鍏ュ悧?
