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]-->
'jquery' 카테고리의 다른 글
| 왼쪽메뉴 드롭다운 (0) | 2012.02.17 |
|---|---|
| toggle 탭 (0) | 2012.02.17 |
| 마우스 오버시 큰 이미지 레이어 (0) | 2012.02.17 |
| 한줄 스크롤 - 전광판처럼 기능 (0) | 2012.02.17 |
| 페이지내 이동2 (0) | 2012.02.17 |