// 搜索 VIVO_UIMIX = { init : function(){ var headBox=$("#vivo-head"), navBox=headBox.find(".vivo-nav"), searchBox=headBox.find(".vivo-search"), searchInput=searchBox.find("input"), searchBtn=navBox.find(".search-user a.search"), closeSearchBtn=searchBox.find("a.close"), isSearchClose=true, isMenuEnter=isCommEnter=false; closeSearchBtn.css({opacity:0}); searchBox.on({ mouseenter : function(){ closeSearchBtn.animate({opacity:1},300); }, mouseleave : function(){ closeSearchBtn.animate({opacity:0},300); } }); searchBtn.on("click",function(){ if(isSearchClose){ searchBox.children().css({opacity:0}); searchBox.css({display:"block",height:0}).stop().animate({height:60},300); searchBox.children().stop().delay(300).animate({opacity:1},500); searchInput.focus().val(""); $(this).addClass("current"); isSearchClose=false; }else{ searchBox.stop().animate({height:0},300,function(){ $(this).css({display:"none"}); isSearchClose=true; }); $(this).removeClass("current"); } return false; }); closeSearchBtn.on("click",function(){ searchBtn.click(); return false; }); } }; $(document).ready(function() {VIVO_UIMIX.init()}); //导航下拉 $(function(){ if( $(window).width()>=1200 ){ $("nav>ul>li").hover( function(){ $(this).find('.nav_sub').stop().slideDown(260); },function(){ $(this).find('.nav_sub').stop().slideUp(260); } ); $("header nav>ul>li.down,header .list_box").hover(function() { $(".list_box").css("height", "50px").stop().slideDown(260); }, function() { $(".list_box").css("height", "0px").stop().slideDown(260); }); } if( $(window).width()<1200 ){ $("nav>ul>li>a").click(function(){ var li = $(this).parent('li'); var sub = li.find('.nav_sub'); sub.parent('li').children('a').attr("href","javascript:void(0);"); if( sub.is(':hidden') ){ sub.slideDown(150); li.siblings('li').find('.nav_sub').slideUp(150); li.addClass('now'); li.siblings('li').removeClass('now'); }else{ sub.slideUp(150); li.removeClass('now'); } }); } }); //手机弹出导航菜单 $(function(){ if( $(window).width()<1200 ){ $("header .menuBtn").toggle( function(){ $(this).addClass('on'); $("header nav").fadeIn(150); },function(){ $(this).removeClass('on'); $("header nav").fadeOut(150); } ); } }); // 头部下拉固定 if(screen.width > 1301){ $(function(){ $(window).scroll(function(){ var scroll_top=$(window).scrollTop(); if(scroll_top>=190){ //$("header").css("background","var(--i_color)"); //$("header").css("height","var(--reduce_h)"); $(".header_wrap").css("height","var(--reduce_h)"); $(".logo img").css("height","50px"); $("nav>ul>li>a").css("line-height","var(--reduce_h)"); $(".vivo-nav").css("height","var(--reduce_h)"); }else{ //$("header").css("background","rgba(0,91,172,.8)"); //$("header").css("height","var(--top_h)"); $(".header_wrap").css("height","var(--top_h)"); $(".logo img").css("height","68px"); $("nav>ul>li>a").css("line-height","var(--top_h)"); $(".vivo-nav").css("height","var(--top_h)"); } }) }); } /*手机内页导航**/ (function($) { if( $(window).width()<1200 ){ $("#bnt_sub_nav").click(function(){ $(this).toggleClass("on"); $("#sub_nav_content").slideToggle(); }); }; })(jQuery); $(document).mouseup(function(e){ if( $(window).width()<1200 ){ var _con = $('#bnt_sub_nav'); // 设置目标区域 if(!_con.is(e.target) && _con.has(e.target).length === 0){ // Mark 1 $("#sub_nav_content").slideUp(); } } });