$(function(){ var array=[[//房屋 {pos:{x:110,y:30},opacity:1,fontSize:22},//重点实验室 {pos:{x:17,y:10},opacity:0.8,fontSize:15},//工程中心 {pos:{x:13,y:47},opacity:0.8,fontSize:15},//领军人才 {pos:{x:100,y:68},opacity:0.5,fontSize:15},//高新技术企业 {pos:{x:230,y:56},opacity:1,fontSize:15},//科技研发 {pos:{x:200,y:15},opacity:0.6,fontSize:15},//科技新星 ]], endarray=[//存放每组数据的进入位置 {left:"230px",top:"15px",fontSize:"6px",opacity:0.4} ],timer,//计时器 curPage=0,//当前页码 duringTime=6000,//切换的间隔时间 curobj; //切换 $(".zb_pages li").click(function(){ var index=$(".zb_pages li").index(this), objContainerLi=$(".zb_tag_contaniner li:eq("+index+")"), objArray=array[index]; if(curobj==this){//判断是否应该删除计时器 clearInterval(timer); } //控制循环切换 curPage=index; /*clearInterval(timer); curPage=index; timer=setInterval(function(){ curPage=curPage>=2?0:curPage+1; $(".zb_pages li:eq("+curPage+")").trigger("click"); },duringTime);*/ $(this).addClass("curPage").siblings().removeClass("curPage"); objContainerLi.show().siblings().hide(); $("a",objContainerLi).stop(true).css(endarray[index]).each(function(i){ var propers=objArray[i]; $(this).animate({ left:propers.pos.x, top:propers.pos.y, opacity:propers.opacity, fontSize:propers.fontSize },2000,"linear"); }); }).hover(function(){ var index=$(".zb_pages li").index(this); curobj=this; if(index==curPage){//判断当前页面按钮是否为当前页面的index clearInterval(timer); } },function(){ var index=$(".zb_pages li").index(this); if(index==curPage){//判断当前页面按钮是否为当前页面的index timer=setInterval(function(){ curPage=curPage>=2?0:curPage+1; $(".zb_pages li:eq("+curPage+")").trigger("click"); },duringTime); } }); //a标签添加事件 $(".zb_tag_contaniner a").hover(function(){ //clearInterval(this.timer); clearInterval(timer); $(this).css({ fontSize:"+=4", opacity:1 }).siblings().css({opacity:0.4}) },function(){ var liIndex=$(".zb_tag_contaniner li").index($(this).parent()), objStyles=array[liIndex]; $(this).css({ fontSize:"-=4" }); $("a",$(this).parent()).each(function(i){ $(this).css({ opacity:objStyles[i].opacity }) }); //鼠标移开文字的时候继续自动切换 timer=setInterval(function(){ curPage=curPage>=2?0:curPage+1; $(".zb_pages li:eq("+curPage+")").trigger("click"); },duringTime); /*var me=this,aIndex=$("a",$(this).parent()).index(this); this.timer=setInterval(function(){ $(me).animate({ opacity:"-=0.4" },600+aIndex*20,"swing",function(){ $(this).animate({opacity:"+=0.4"},600+aIndex*20) }); },2000+aIndex*100);*/ }) //触发 $(".zb_pages li:eq(0)").trigger("click").trigger("mouseout"); })