>웹 프론트엔드 >JS 튜토리얼 >jQuery를 사용하여 텍스트 부동 프롬프트 효과 얻기 샘플 code_jquery

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

WBOY
WBOY원래의
2016-05-16 17:06:441149검색
코드 복사 코드는 다음과 같습니다.

🎜>< ;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="이것은 내 팁입니다.">이것은 내 팁입니다


성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.