English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
이 문서는 jQuery로 구현된 마그넷 이미지 따라다니는 효과를 시연합니다. 여러분과 공유하고, 다음과 같이 참고하세요：
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>마그넷 이미지</title>
<style type="text/css">
#imgSel{position:absolute;}
</style>
<script src="../js/jquery-1.5.1.min.js" type="text/javascript"></script>
<script type="text/javascript">
$("function () {
$("document").mousemove(function (e) {
$("#imgSel").animate({"left":e.pageX,"top":e.pageY},0.1);
});
});
</script>
</head>
<body>
<img id="imgSel" src="../images/select.JPG" />
</body>
</html>
jQuery와 관련된 더 많은 내용에 관심이 있는 독자는 다음 주제를 확인할 수 있습니다: 《jQuery 전환 효과 및 기술 요약》、《jQuery 확장 기술 요약》、《jQuery 일반 플러그인 및 사용 방법 요약》、《jQuery 드래그 앤 드롭 효과 및 기술 요약》、《jQuery 테이블(table) 작업 기술 요약》、《jQuery Ajax 사용 요약》、《jQuery 일반 클래식 효과 요약》、《jQuery 애니메이션 및 효과 사용 요약》 및 《jQuery 선택자 사용 요약》
이 글에서 설명한 내용이 여러분의 jQuery 프로그래밍에 도움이 되길 바랍니다.
언급: 본문은 인터넷에서 가져왔으며, 원작자의 소유물입니다. 인터넷 사용자가 자발적으로 기여하고 업로드한 내용으로, 이 사이트는 소유권을 가지지 않으며, 인공적으로 편집한 것도 아니며, 관련 법적 책임도 부담하지 않습니다. 저작권 위반 내용이 있음을 발견하면 이메일을 보내 주세요: notice#oldtoolbag.com（이메일을 보내는 경우, #을 @으로 변경하십시오. 신고하고 관련 증거를 제공하시면, 사이트는 즉시 위반 내용을 삭제합니다.