Jquery实现自定义tooltip,具体代码如下 复制代码 代码如下: <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="WebApplication247.Default" %> <br>#tooltip <br>{ <br>position:absolute; <br>border:1px solid #333; <br>background:#f7f5d1; <br>padding:1px; <br>color:#333; <br>display:none; <br>} <br> <br>$(function () { <br>var x = 10; //tooltip偏移鼠标的横坐标 <br>var y = 20; //tooptip偏移鼠标的纵坐标 <br>var myTitle; <br>//1. 鼠标移至新闻，去掉系统默认的tooltip，自定义tooltip <br>//2. 鼠标移出新闻，还原系统默认的tooltip，移除自定义的tooltip <br>//3. 鼠标在新闻上移动，设置自定义的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> 甜美宽松毛衣今秋一定红. 秋装百搭小马甲不到50元. 修身韩版小西装万人疯抢. 夏末雪纺店主含泪大甩卖. 瑞丽都疯狂推荐的秋装. 48元长款针织小开衫卖疯啦. 长袖雪纺衫单穿内搭都超美.
