다음과 같이 코드 코드를 복사합니다.
<html>
<머리>
<meta charset="utf-8"/>
<script type="text/javascript" src="script/jquery-1.4.2.min.js"></script>
<스크립트>
/*텍스트 프롬프트*/
/*
(1) 마우스가 안으로 들어가면 title 속성 값을 내용으로 하는 div를 생성합니다.
(2) 위치 지정 및 CSS 스타일 설정
(3) 마우스가 밖으로 나가면 div를 제거합니다.
(4) 마우스가 움직일 때 XY축의 좌표가 그에 따라 변경되어야 합니다.
*/
$(함수(){
var x = 7;
변수 y = 8;
$("a.tip").hover(function(){
var 제목 = this.title;
var $div = $("<div id='newTip'>"+title+"</div>");
$("본문").append($div);
$div.css({"위치":"절대","배경":"핑크"});
},기능(){
$("#newTip").remove();
}).mousemove(함수(e){
var $div = $("#newTip").css({"left":(e.pageX+x)+'px',"top":(e.pageY+y)+'px'});
});
})
</script>
</head>
<본문>
<a href="#">이것이 제 팁입니다</a>
</body>
</html>