[jQuery] 움직이는 레이어
페이지 정보
작성자 관리자 작성일17-06-05 14:24 조회2,427회 댓글0건본문
[소스]
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<title>jQuery - 마우스로 움직이는 팝업레이어</title>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<script src="http://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<style>
#draggable { width: 150px; height: 150px; padding: 0.5em; }
</style>
<script>
$(function() {
$( "#draggable" ).draggable();
});
</script>
</head>
<body>
마우스로 움직이는 팝업레이어
</body>
</html>
[head]
<link rel="stylesheet" href="http://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<script src="http://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
출처 : http://zzznara2.tistory.com/311
참고 : https://jqueryui.com/draggable/
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<title>jQuery - 마우스로 움직이는 팝업레이어</title>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<script src="http://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<style>
#draggable { width: 150px; height: 150px; padding: 0.5em; }
</style>
<script>
$(function() {
$( "#draggable" ).draggable();
});
</script>
</head>
<body>
마우스로 움직이는 팝업레이어
</body>
</html>
[head]
<link rel="stylesheet" href="http://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<script src="http://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
출처 : http://zzznara2.tistory.com/311
참고 : https://jqueryui.com/draggable/
댓글목록
등록된 댓글이 없습니다.
