JQuery_jquery를 기반으로 한 프롬프트 효과를 따르는 간단한 마우스

1. 효과는 사진과 같습니다

　

2. 구현 아이디어

1 제목(여기에 태그가 있음)으로 마우스를 이동하세요.

마우스 위치의 텍스트 내용이 포함된 div를 만듭니다.

생성된 div를 문서에 추가하세요

프롬프트 레이어의 위치 설정

　2 제목 밖으로 마우스를 이동하세요

div 제거

　3 제목 내에서 마우스가 움직일 때

div 효과 추가와 동일

3.JQuery 구현 코드

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

< ;!DOCTYPE html>



<제목>

JQuery--마우스 팔로우 프롬프트

;table id="tb" width="100%">

추석 잘 보내세요 ;/td>
중추절 12
;
행복한 중추절 21 즐거운 추석 22



중추절 41


즐거운 추석 51
< a href="#">행복한 추석 52

행복한 중추절 61
;행복한 추석 62





코드는 매우 간단하며 주로 JQuery를 사용합니다. 세 가지 이벤트는 mouseover, mouseout, mousemove입니다.

본 웹사이트의 성명

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