// e23首页js $(function(){ var tab_u =$(".tab-u"); tab_u.mouseover(function(){ $(this).addClass("current") //当前
  • 元素高亮 .siblings().removeClass("current"); //去掉其它同辈
  • 元素的高亮 var index = $(this).parent().children('.tab-u').index(this); // 获取当前点击的
  • 元素 在 全部li元素中的索引。 $(this).parent().next() //选取子节点。不选取子节点的话,会引起错误。如果里面还有div .children('.tab-con') .eq(index).addClass('current') //显示
  • 元素对应的
    元素 .siblings().removeClass('current'); //隐藏其它几个同辈的
    元素 }) /*定时切换广告*/ var _tab_gg_w = $('.tab-gg-w'); var _topinterval = 3000; var playorstop = 1; _tab_gg_w.mouseover(function(){ playorstop = 0; }).mouseout(function(){ playorstop = 1; }); _topadvmoving=setInterval(function(){ if(playorstop ==1 ){ var _currentfield=_tab_gg_w.find('.current'); _currentfield.each(function(){ var _firstfield=$(this).parent().children(':first'); if($(this).index() != 2){ $(this).next().addClass('current').siblings().removeClass('current'); }else{ var _firstfield=$(this).parent().children(':first'); _firstfield.addClass('current').siblings().removeClass('current'); } }); } },_topinterval)//切换广告间隔时间取决于_topinterval // tab切换结束单行滚动开始 var _wrap=$('ul.singleline');//定义滚动区域 var _interval=2000;//定义滚动间隙时间 var _moving;//需要清除的动画 _wrap.hover(function(){ clearInterval(_moving);//当鼠标在滚动区域中时,停止滚动 },function(){ _moving=setInterval(function(){ var _field=_wrap.find('li:first');//此变量不可放置于函数起始处,li:first取值是变化的 var _h=_field.height();//取得每次滚动高度 _field.animate({marginTop:-_h+'px'},600,function(){//通过取负margin值,隐藏第一行 _field.css('marginTop',0).appendTo(_wrap);//隐藏后,将该行的margin值置零,并插入到最后,实现无缝滚动 }) },_interval)//滚动间隔时间取决于_interval }).trigger('mouseleave');//函数载入时,模拟执行mouseleave,即自动滚动 //多行应用@Mr.Think var _scroll_news = $('.scroll_news'); var _mulitwrap=$('ul.mulitline');//定义滚动区域 var _mulitinterval=3000;//定义滚动间隙时间 var _mulitmoving;//需要清除的动画 var _move_up =$('.mulit_move .move_up'); var _move_down =$('.mulit_move .move_down'); _scroll_news.hover(function(){ clearInterval(_mulitmoving);//当鼠标在滚动区域中时,停止滚动 },function(){ _mulitmoving=setInterval(function(){ var _mulitfield=_mulitwrap.find('li:first');//此变量不可放置于函数起始处,li:first取值是变化的 var _mulitfield2= $("ul.mulitline li:nth-child(2)"); var _mulitfield3= $("ul.mulitline li:nth-child(3)"); var _h=_mulitfield.height()*3;//取得每次滚动高度 _mulitfield.animate({marginTop:-_h+'px'},600,function(){//通过取负margin值,隐藏第一行 _mulitfield.css('marginTop',0).appendTo(_mulitwrap);//隐藏后,将该行的margin值置零,并插入到最后,实现无缝滚动 _mulitfield2.css('marginTop',0).appendTo(_mulitwrap);//隐藏后,将该行的margin值置零,并插入到最后,实现无缝滚动 _mulitfield3.css('marginTop',0).appendTo(_mulitwrap);//隐藏后,将该行的margin值置零,并插入到最后,实现无缝滚动 }) },_mulitinterval)//滚动间隔时间取决于_interval }).trigger('mouseleave');//函数载入时,模拟执行mouseleave,即自动滚动 _move_up.click(function(){ var _mulitfield=_mulitwrap.find('li:first');//此变量不可放置于函数起始处,li:first取值是变化的 var _mulitfield2= $("ul.mulitline li:nth-child(2)"); var _mulitfield3= $("ul.mulitline li:nth-child(3)"); var _h=_mulitfield.height()*3;//取得每次滚动高度 _mulitfield.css('marginTop',0).appendTo(_mulitwrap);//隐藏后,将该行的margin值置零,并插入到最后,实现无缝滚动 _mulitfield2.css('marginTop',0).appendTo(_mulitwrap);//隐藏后,将该行的margin值置零,并插入到最后,实现无缝滚动 _mulitfield3.css('marginTop',0).appendTo(_mulitwrap);//隐藏后,将该行的margin值置零,并插入到最后,实现无缝滚动 }); _move_down.click(function(){ var _mulitfieldlast=_mulitwrap.find('li:last');//此变量不可放置于函数起始处,li:first取值是变化的 var len = $("ul.mulitline li").length; var last2 = "ul.mulitline li:nth-child("+parseInt(len-1)+")"; var _mulitfieldlast2= $(last2); var last3 = "ul.mulitline li:nth-child("+parseInt(len-2)+")"; var _mulitfieldlast3= $(last3); var _h=_mulitfieldlast.height()*3;//取得每次滚动高度 _mulitfieldlast.css('marginTop',0).prependTo(_mulitwrap);//隐藏后,将该行的margin值置零,并插入到最后,实现无缝滚动 _mulitfieldlast2.css('marginTop',0).prependTo(_mulitwrap);//隐藏后,将该行的margin值置零,并插入到最后,实现无缝滚动 _mulitfieldlast3.css('marginTop',0).prependTo(_mulitwrap);//隐藏后,将该行的margin值置零,并插入到最后,实现无缝滚动 }); });