새창 눌렷을때 새창에 뜨기!!
<!DOCTYPE html >
<html xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title> 링크에 대해</title>
<link rel="stylesheet" href="common.css"/>
<link rel="stylesheet" href="css/styles.css"/>
<script src="../lib/jquery-1.9.1.min.js" type="text/javascript"
charset="utf-8"></script>
<script type="text/javascript" src="jquery/jquery.js"></script>
</head>
<body>
<div id="container">
<div id="title">
<h2> 새창 열기 </h2>
</div>
<div id="content">
<h1> 새창으로 여는 것에 new-window 클래스 속성 부여 </h1>
<p>다옴: <a href="http://www.daum.net" class="new-window"> 새창 </a></p>
<p>네이바: <a href="http://www.naver.com"> 여기 </a></p>
<p>구골: <a href="http://www.google.com" class="new-window"> 새창</a></p>
</div>
</body>
</html>
$(function(){
$('.new-window').click(function(evt){
var loc = $(this).attr('href');
window.open(loc);
evt.preventDefault();
});
});
'it > jQuery' 카테고리의 다른 글
| jquery tabs (0) | 2014.08.21 |
|---|---|
| 마우스오버 됫을때 그림이 바껴 신기신기 (0) | 2014.08.21 |
| 뭔가 되긴 되는거 같은데 (0) | 2014.08.21 |
| 글 숨기기. 테이블 마우스오버,. 색넣기 (0) | 2014.08.21 |
| <li>글자추가 삭제 (0) | 2014.08.21 |
