/* *初始化部分页面数据 */ var viewheight;//浏览器窗口可视高度 var viewwidth;//浏览器窗口可视宽度 var pageheight;//文档页面高度 var pagewidth;//文档页面宽度 $(document).ready(function () { // dom绘制完毕即开始运行,不等到,图片,文字的元素的加载 //window是在所有元素均加载完成后才开始运行,注意区别 //alert(viewwidth+'/'+viewheight+'/'+pagewidth+'/'+pageheight) }) window.onload = function(){ //window是在所有元素均加载完成后才开始运行,注意区别 //延迟加载,用于处理部分因dom加载耗时较长引起的bug var t_load = settimeout(function(){ //刷新部分全局数据 getvalue(); //进行页面调整 pageadjust(); },300);//delaytime } $(window).resize(function(){ //刷新部分全局数据 getvalue(); //进行页面调整 pageadjust(); }) function getvalue() { /*全局变量 * 浏览器窗口可视高度 */ viewheight = $(window).height(); /*全局变量 * 浏览器窗口可视宽度 */ viewwidth = $(window).width(); //获取部分全局变量 /*全局变量 * 文档高度 */ pageheight = $(document).height(); /*全局变量 * 文档宽度 */ pagewidth = $(document).width(); } function pageadjust() { //页面样式的调整 //在初始化和页面尺寸变化时,从getvalue()调用 /* *nav_list的调整 */ var width_headerhb_menu_list = $('#headerhb').width() - 416; $('#headerhb_menu_list').width(width_headerhb_menu_list); var left_headerhb_menu_list = (width_headerhb_menu_list*0.28-12)/2+208; $('#headerhb_menu_list').css('marginleft', left_headerhb_menu_list); //section_button_list位置调整 $("#section_button").css('top', viewheight/2-50 + "px"); for (var i = 0; i <6; i++) { $('.headerhb_detail_container').eq(i).css('left', 1000*i+'px'); } //调整背景 $('#bg').height(viewheight); $('.bg').height(viewheight); } /* *headerhb_nav_list上移动menu_detail移动特效 * */ (function(){ var open_status = false;//true表示打开状态 var run_status =false;//动画运行状态,true表示正在运行 var run1_status = false;//nav的动画状态 $('.headerhb_menu_list').on('mouseenter',function(){ /*移动到headerhb_nav_list上时, *先判断menu_detail有没有打开,如果打开就直接进行左右切换,如果没有打开则先进行左右切换再打开 * */ if(open_status) { //打开状态 if(!run_status) { run_status = true;//正在运行 var index = $(this).index(); $('#headerhb_menu_details_mask').animate({ left: -1000*index+'px'}, 300,function(){ run_status = false;//结束运行状态 }) } } else { //关闭状态 var index = $(this).index(); $('#headerhb_menu_details_mask').css('left', -1000*index+'px'); if(!run1_status) { $('#headerhb_menu_details').slidedown(); run1_status = true; //打开完毕,标记状态 open_status = true; } } }) $('#headerhb_nav').on('mouseleave',function(){ //鼠标离开nav区域,关闭headerhb_menu_details $('#headerhb_menu_details').slideup(300,function(){ run1_status = false; }); //关闭完毕,标记状态 open_status = false; }) })();//不会自动提升 /* *搜索框效果 * */ $('#headerhb_search_text').on('focus',function(){ $(this).css('color', 'black'); var value = $(this).val(); if( value == '输入搜索内容') { $(this).val(''); } }).on('blur',function(){ $(this).css('color', '#8e8e8e'); var value = $(this).val(); if( value == '') { $(this).val('输入搜索内容'); } })