$(document).ready(function() { var sideMenuTop = $("#side_menu").offset().top; var menu = $("#side_menu"); var content = $(".content.block"); var t1 = menu.offset().top; /* 左侧导航菜单的置顶效果开始 */ $(window).scroll(function() { var scroll = $(window).scrollTop(); var h1 = $("#side_menu_block").innerHeight(); var h2 = menu.innerHeight(); var m = h1 - t1 + sideMenuTop - h2 - 40; if(scroll > sideMenuTop) { menu.css("position", "relative"); menu.css("top", Math.min(m, scroll - sideMenuTop)); } else { menu.css("position", "relative"); menu.css("top", 0); } }); /* 左侧导航菜单的置顶效果结束 */ /* 顶部菜单开始 */ $("#menu>.item").mouseover(function() { var menu = $(this).find(">a").siblings(".menu"); menu.fadeIn(300); }); $("#menu>.item").mouseleave(function() { var menu = $(this).find(".menu"); menu.fadeOut(200); }); $("#menu>.item>.menu>.item").mouseover(function() { var menu = $(this).find(">.menu"); menu.fadeIn(300); }); $("#menu>.item>.menu>.item").mouseleave(function() { var menu = $(this).find(">.menu"); menu.fadeOut(300); }); /* 顶部菜单结束 */ /* 左侧导航菜单项的浮动效果开始 */ $(".side.menu .item").mouseenter(function() { if($(this).find(".menu").length == 0) { if(!$(this).hasClass("active")) { $(this).addClass("hover"); } } }); $(".side.menu .item").mouseleave(function() { if($(this).find(".menu").length == 0) { if($(this).hasClass("hover")) { $(this).removeClass("hover"); } } }); /* 左侧导航菜单项的浮动效果结束 */ /* 内容页无序列表切换效果开始 */ $(".content ul .title img").mouseover(function() { var parent = $(this).parent(); parent.find(".normal").hide(); parent.find(".hover").show(); }); $(".content ul .title img").mouseleave(function() { var parent = $(this).parent(); parent.find(".normal").show(); parent.find(".hover").hide(); }); /* 内容页无序列表切换效果结束 */ /* 左侧导航菜单下面工具项的浮动效果开始 */ $("#tools .item").mouseover(function() { $(this).find('.icon').css("border-color", "#bc010b"); $(this).find(".normal").hide(); $(this).find(".hover").show(); }); $("#tools .item").mouseleave(function() { $(this).find('.icon').css("border-color", "#d3891f"); $(this).find(".normal").show(); $(this).find(".hover").hide(); }); /* 左侧导航菜单下面工具项的浮动效果结束 */ });