jquery
배경 어둡게 레이어효과
aneyh.c
2012. 2. 17. 17:16
IE 6 일때만 제외하고 효과.
<script language="javascript" src="http://img.gamescampus.co.kr/js/jquery/jquery-1.5.min.js"></script>
<script language="javascript" src="http://img.gamescampus.co.kr/js/jquery/jquery-1.5.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$(".s_img").click(function(event) {
if (!$.browser.msie || $.browser.version != "6.0") {
$("#backgroundPopup").show();
}
$(".skc_view").show();
return false;
});
$(".skc_x").click(function(event) {
$("#backgroundPopup").hide();
$(".skc_view").hide();
return false;
});
});
</script>
</head>
<body>
<div id="backgroundPopup"></div>
<!--[if lte IE 7]>
<div class="skc_view">
<img src="images/sketch_img.jpg" alt="" />
<input type="image" src="images/sketch_x.gif" class="skc_x" alt="" />
</div>
<![endif]-->
<!--
ie8~ , ie 제외한 브라우저에서는 컨텐츠 내부에 심기.
(위치잡기 쉬워서..)
....
....
....
....
-->
<!--[if gt IE 7]>
<div class="skc_view">
<img src="images/sketch_img.jpg" alt="" />
<input type="image" src="images/sketch_x.gif" class="skc_x" alt="" />
</div>
<![endif]-->
<!--[if !IE]>-->
<div class="skc_view">
<img src="images/sketch_img.jpg" alt="" />
<input type="image" src="images/sketch_x.gif" class="skc_x" alt="" />
</div>
<!--<![endif]-->