<DIV id="closeLayer" onClick="closeMe()"><IMG src="jiuye/close.gif" width="15" height="13"></DIV> <div id ="jiuye"><img src="jiuye/jiuye1.jpg" id="jiuyeImage" onclick="javascript:location='http://www.qk12333.com'" style="cursor:hand"/></div> <style type="text/css"> #jiuye{ position:absolute; left:16px; top:129px; width:600px; height:540px; z-index:1; } #closeLayer{ position:absolute; left:580px; top:143px; width:24px; height:19px; z-index:2; } </style><script src="jiuye/jquery-1.8.0.js" type="text/javascript"></script><script type="text/javascript"> function closeMe(){document.getElementById("closeLayer").style.display="none";document.getElementById("jiuye").style.display="none";$(window).unbind();} // 置中function center() {var obj=$("#jiuye");var closeObj=$("#closeLayer");var screenWidth = $(window).width(), screenHeight = $(window).height(); //當前瀏覽器視窗的 寬高var scrolltop = $(document).scrollTop();//擷取當前視窗距離頁面頂部高度var objLeft = (screenWidth - obj.width())/2 ;var objTop = (screenHeight - obj.height())/2 + scrolltop;obj.css({left: objLeft + 'px', top: objTop + 'px','display': 'block'});var closeObjLeft = (screenWidth + obj.width())/2-closeObj.width()-2 ;var closeObjTop = (screenHeight - obj.height())/2 + scrolltop+12;closeObj.css({left: closeObjLeft + 'px', top: closeObjTop + 'px','display': 'block'});//瀏覽器視窗大小改變時$(window).resize(function() {screenWidth = $(window).width();screenHeight = $(window).height();scrolltop = $(document).scrollTop();objLeft = (screenWidth - obj.width())/2 ;objTop = (screenHeight - obj.height())/2 + scrolltop;obj.css({left: objLeft + 'px', top: objTop + 'px','display': 'block'});var closeObjLeft = (screenWidth + obj.width())/2-closeObj.width()-2 ;var closeObjTop = (screenHeight - obj.height())/2 + scrolltop+12;closeObj.css({left: closeObjLeft + 'px', top: closeObjTop + 'px','display': 'block'});});//瀏覽器有捲軸時的操作、$(window).scroll(function() {screenWidth = $(window).width();screenHeight = $(window).height();scrolltop = $(document).scrollTop();objLeft = (screenWidth - obj.width())/2 ;objTop = (screenHeight - obj.height())/2 + scrolltop;obj.css({left: objLeft + 'px', top: objTop + 'px','display': 'block'});var closeObjLeft = (screenWidth + obj.width())/2-closeObj.width()-2 ;var closeObjTop = (screenHeight - obj.height())/2 + scrolltop+12;closeObj.css({left: closeObjLeft + 'px', top: closeObjTop + 'px','display': 'block'});});} center();$('#closeLayer').show(300).delay(3000).fadeOut("slow");$('#jiuye').show(300).delay(3000).fadeOut("slow",function(){ //隱藏時把元素刪除 $(window).unbind();}); </script>