// JavaScript Document $(document).ready(function(){ $(".case-bd > ul > li").hover(function(){ i = $(this).index(); $(this).addClass("case-on").siblings().removeClass("case-on"); $(".case-main > div.case-img").eq(i).stop(true,false).fadeIn().siblings().stop(true,false).fadeOut(); }) $("div.tab-title > ul > li > span").click(function(){ var index = $(this).closest("li").index(); $(this).closest("li").addClass("tab-on").siblings().removeClass("tab-on"); $(this).closest("div.tab").find("div.tab-img").eq(index).fadeIn(200).siblings("div.tab-img").css("display","none"); }) var isCSS3 = false; var element = document.createElement('div'); if ('border-radius' in element.style) { isCSS3 = true; } $("ul.hot-pro li").hover( function(){ if (isCSS3) { $(this).children("div.click-bd").css({"transform": "translateY(-100px)","-ms-transform": "translateY(-100px)","-webkit-transform": "translateY(-100px)","-o-transform": "translateY(-100px)","-moz-transform": "translateY(-100px)","transition":"0.5s","-moz-transition":"0.5s","-webkit-transition":"0.5s","-o-transition":"0.5s"}); } else { $(this).children("div.click-bd").stop(true,false).animate({top:"0px"},400); } }, function(){ if (isCSS3) { $(this).children("div.click-bd").css({"transform": "translateY(0px)","-ms-transform": "translateY(0px)","-webkit-transform": "translateY(0px)","-o-transform": "translateY(0px)","-moz-transform": "translateY(0px)","transition":"0.5s","-moz-transition":"0.5s","-webkit-transition":"0.5s","-o-transition":"0.5s"}); } else { $(this).children("div.click-bd").stop(true,false).animate({top:"100px"},400); } } )//底部弹出餐单$(".select_pro").hover( function(){$(this).find(".son_ul").stop(true,true).slideDown(300)}, function(){$(this).find(".son_ul").slideUp(300)}) }); //兼容低版本的导航顶部漂浮 function Myfloat(){ var s_top=document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop; var obj=document.getElementById("slide-nav-bd"); if(s_top>=513){ if (!window.XMLHttpRequest){ //IE6 obj.style.position="absolute"; obj.style.top="0px"; obj.style.bottom="auto"; }else{ obj.style.position="fixed"; obj.style.top="0px"; } }else{ obj.style.position="relative"; obj.style.top="0px"; } }; if(window.attachEvent){ window.attachEvent("onscroll",Myfloat); }else{ window.addEventListener("scroll",Myfloat,false); }