jQuery를 사용하여 텍스트 부동 프롬프트 효과 얻기 샘플 code_jquery

코드 복사 코드는 다음과 같습니다.

🎜>< ;meta charset="utf-8"/>

<script> <br>/*텍스트 프롬프트*/ <br>/* <br> (1) 마우스가 안으로 들어가면 제목 속성의 값이 포함된 div를 만듭니다. <br> (2 ) 위치 지정 및 CSS 스타일 설정 <br> (3) 마우스가 밖으로 나갈 때 div를 제거합니다<br> (4) 마우스가 움직일 때 X축과 Y축의 좌표가 그에 따라 변경되어야 합니다<br>*/ <br>$(function(){ <br>var x = 7; <br>var y = 8; <br>$("a.tip").hover(function(){ <br>var title = this .title; <br>var $div = $("<div id='newTip'>" title "</div>") <br>$("body").append($div); <br>$div.css({" 위치":"절대","배경":"핑크"}) <br>},function(){ <br>$("#newTip").remove() ; <br>}).mousemove(function (e){ <br>var $div = $("#newTip").css({"left":(e.pageX x) 'px',"top": (e.pageY y) 'px'} ) <br>}) <br></script>
;a href="#" class="tip" title="이것은 내 팁입니다.">이것은 내 팁입니다