Jquery implements custom tooltip. The specific code is as follows: Copy the code The code is as follows: <% @ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="WebApplication247.Default" %> .w3.org/1999/xhtml"> #tooltip <BR>{ <BR>position:absolute; <BR>border:1px solid #333; <BR>background:#f7f5d1; <BR>padding:1px; <BR>color:#333; <BR>display:none; <BR>} <BR> < ;/script> <br><script language="javascript" type="text/javascript"> <br>$(function () { <br>var x = 10; //tooltip offsets the abscissa of the mouse <br>var y = 20; //tooptip offsets the ordinate of the mouse <br>var myTitle; <br>//1. Move the mouse to the news, remove the system default tooltip, and customize the tooltip <br>//2 . Move the mouse out of the news, restore the system default tooltip, and remove the customized tooltip <br>//3. Move the mouse over the news and set the position of the customized tooltip <br>$("a.tooltip").mouseover (function (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> Sweet loose sweaters will definitely be popular this autumn. Versatile little vest for autumn wear The vest is less than 50 yuan. Later summer chiffon shop owner tearful big sale. Autumn clothes recommended by everyone in Ruili. The long knitted cardigan of 48 yuan is selling like crazy. Long-sleeved chiffon shirts are beautiful when worn alone or layered under layers. < ;/ul>
