Jquery는 사용자 정의 툴팁을 구현합니다. 코드를 복사합니다. 코드는 다음과 같습니다. <% @ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="WebApplication247.Default" %> ; <br>위치:절대; <br>테두리:1px 솔리드 #333; <br>패딩:1px; <br>디스플레이:없음 <br> } <br> < ;/script> <br><script 언어="javascript" type="text/javascript"> <br>$(function () { <br>var x = 10; //툴팁은 마우스의 가로좌표를 오프셋합니다. <br>var y = 20; // tooptip은 마우스의 수직 좌표를 오프셋합니다 <br>var myTitle <br>//1. 마우스를 뉴스로 이동하고 시스템 기본 도구 설명을 제거하고 도구 설명을 사용자 정의합니다 <br>//2. 뉴스, 시스템 기본 툴팁 복원 및 사용자 정의 툴팁 제거<br>//3. 뉴스 위로 마우스를 이동하고 사용자 정의 툴팁 위치를 설정<br>$("a.tooltip").mouseover(기능 (e) { <br>myTitle = this.title; <br>this.title = "" <br>var tooltip = "<div id='tooltip' style='Background:lightblue;'> " myTitle "</div>"; <br>$("body").append(tooltip) <br>$("#tooltip").css({ <br>"top": (e.pageY y) "px", <br>"left": (e.pageX x) "px" <br>}).show("fast") <br>}).mouseout(function () { <br> this. title = myTitle; <br>$("#tooltip").remove(); <br>}).mousemove(function (e) { <br>$("#tooltip").css({ <br>" top": (e.pageY y) "px", <br>"left": (e.pageX x) "px" <br>}); <br>}); <br>}); <br> <br> <br> <br><form id="form1" runat="server"> ; <br><ul> <br><li><a href="#" class="tooltip" title="올 가을에는 달콤한 루즈한 스웨터가 인기가 많을 것입니다.">달콤한 루즈한 스웨터는 분명 인기가 있을 것입니다. 올 가을에 인기 있는 아이템입니다. </a></li> <br><li><a href="#" class="tooltip" title="50위안 미만으로 가을에 입기 좋은 다용도 조끼입니다." >가을에 입는 다용도 조끼 조끼 가격은 50위안 미만입니다.</a></li><br><li><a href="#" class="tooltip" title="수천 슬림핏 한식 스몰슈트를 구매하시는 분들이 많습니다."> ;슬림핏 한식 스몰슈트를 구매하시는 분들이 수천명에 달합니다.</a></li> <br><li>< ;a href="#" class="tooltip" title="늦여름 쉬폰가게 주인 눈물의 빅세일.">늦여름 쉬폰가게 주인의 눈물의 빅세일.</a></li> <li><a href="#" class="tooltip" title="루리 모두가 추천하는 가을옷.">루이리 모두가 추천하는 가을옷.</a></li> ><li><li><a href="#" class ="tooltip" title="긴팔 쉬폰셔츠는 단독으로 입어도, 안에 레이어드해도 예뻐요.">긴 -소매 쉬폰 셔츠는 단독으로 입어도 예쁘고, 레이어드해서 입어도 예뻐요</a></li> <br></ul> <br></form> ></body> <br></html> <br><br> </li> </div>