<div class="cl tkbg"></div> <div class="cl tk1_1"> <div class="tk1_1s"> <div class="gb_btn"></div> </div> </div> .tkbg{ 100%;height:100%;position: fixed;top:0px;left: 0px;background: #000;opacity: 0.6;filter: alpha(opacity=60) 9;z-index: 99;display:none;} .tk1_1{ background:url(../images/tk1.png) no-repeat; 960px; height:570px; position:fixed; left:50%; top:50%; margin:-285px 0 0 -480px; z-index:9999; display:none;} // JavaScript Document $(document).ready(function(){ $(window).scroll(function(){ if($(this).scrollTop()>900){ $(".ftbg").fadeIn(500); }else{ $(".ftbg").fadeOut(300); }; }); $(window).scroll(function(){ if($(this).scrollTop()>900){ $(".wl_box1_left").addClass("wlBannerConLeftfox") }else{ $(".wl_box1_left").removeClass("wlBannerConLeftfox") }; }); $(".djzl").click(function(){ $(".tkbg").show(); $(".tk1_1").show(); }) $(".gb_btn,.tkbg").click(function(){ $(".tkbg").hide(); $(".tk1_1").hide(); }) $(window).scroll(function(){ if($(this).scrollTop()>500){ $(".fnav").css("display","block"); }else{ $(".fnav").css("display","none"); }; }); //回到页面顶部位置 $(".lit1").click(function(){ $('body,html').animate({scrollTop:0},600); return false; }); $(".tkc1").click(function(){ $(".tkbg").show(); $(".tks1").show(); }) $(".gb_btn1,.tkbg").click(function(){ $(".tkbg").hide(); $(".tks1").hide(); }) $(".tkc2").click(function(){ $(".tkbg").show(); $(".tks2").show(); }) $(".gb_btn1,.tkbg").click(function(){ $(".tkbg").hide(); $(".tks2").hide(); }) $(".tkc3").click(function(){ $(".tkbg").show(); $(".tks3").show(); }) $(".gb_btn1,.tkbg").click(function(){ $(".tkbg").hide(); $(".tks3").hide(); }) });