$(document).ready(function(){ $(".item1").hover(function(){$("#tit_fc1").slidedown("normal"); }, function() {$("#tit_fc1").slideup("fast");}); $(".item2").hover(function(){$("#tit_fc2").slidedown("normal"); }, function() {$("#tit_fc2").slideup("fast");}); $(".item3").hover(function(){$("#tit_fc3").slidedown("normal"); }, function() {$("#tit_fc3").slideup("fast");}); $(".item4").hover(function(){$("#tit_fc4").slidedown("normal"); }, function() {$("#tit_fc4").slideup("fast");}); }); var currentindex=1; $("#flashbg").css("background-color",$("#flash1").attr("name")); function changeflash(i) { currentindex=i; for (j=1;j<=4;j++){//此处的3代表你想要添加的幻灯片的数量与下面的3相呼应 if (j==i) {$("#flash"+j).fadein("normal"); $("#flash"+j).css("display","block"); $("#f"+j).removeclass(); $("#f"+j).addclass("dq"); $("#flashbg").css("background-color",$("#flash"+j).attr("name")); } else {$("#flash"+j).css("display","none"); $("#f"+j).removeclass(); $("#f"+j).addclass("no");} }} function startam(){ timerid = setinterval("timer_tick()",8000);//8000代表间隔时间设置 } function stopam(){ clearinterval(timerid); } function timer_tick() { currentindex=currentindex>=3?1:currentindex+1;//此处的3代表幻灯片循环遍历的次数 changeflash(currentindex);} $(document).ready(function(){ $(".flash_bar div").mouseover(function(){stopam();}).mouseout(function(){startam();}); startam(); });