实例如下：复制代码代码如下：样式类型='text/css '正文{ margin :0 padd :40 px背景# Helvetica阿里亚尔，无衬线字体；颜色： # 555线高：180%;} img { border:none} ul，li { margin:0划水：0;}李{列表式：无；float : leftisplay : inline右边距：10 pxborder:1px实心# AAA}/* tooltip */# tooltip {位置：绝对值；border:1px固体# ccc背景技术： # 333;padd :2 pxdisplay : none color : # fff }/style脚本语言='javascript' /*$(文档)。ready(function(){ var x=10；var y=20$("工具提示")。鼠标悬停(函数{这个。my TItle=这个。TItlethis . title=var tooltip=' div id=' tooltip ' ' this。标题'/div '；$(“正文”).追加（工具提示);$(“# tooltip”).css({ 'top' : (e.pageY y) 'px '，' left' : (e.pageX x) 'px' }).show(' fast ')；}).鼠标移出(函数(){ this。标题=这个。我的头衔；$(“# tooltip”).移除();});});*/$(function(){ var x=10；var y=20$('a.tooltip ').鼠标悬停(函数{这个。my TItle=这个。TItlethis . title=var imgTitle=this . my title？br/“这个。我的标题：”；var tooltip=' div id=' tooltip ' img src=' this。href ' ' alt='产品预览图/' imgTitle ' /div '；//创建差异元素$(“正文”).追加（工具提示);//把它追加到文档中$(“# tooltip”).css({ 'top': (e.pageY y) 'px '，' left': (e.pageX x) 'px' }).show(' fast ')；//设置x坐标和y坐标，并且显示}).鼠标移出(函数(){ this。标题=这个。我的头衔；$(“# tooltip”).移除();//移除}).鼠标移动(函数(e){ $('#tooltip ').css({ 'top': (e.pageY y) 'px '，' left ' :(e . Pagex x)' px ' })；});})/脚本/头体div style=' display : none ' pa href=' # ' class=' tooltip ' title='这是我的超链接提示1'提示1/a/p pa href=' # ' class=' tooltip ' title='这是我的超链接提示2'提示2/a/p pa href='#' title='自带提示1'自带提示1/a/p pa href='#' title='自带提示2'自带提示2/a/p /div h3有效果：/H3 ul lia，jpg ' class='工具提示' title='苹果iPod ' img src=' http : images/apple _ 1。jpg ' alt='苹果iPod/a/a/Li lia href=' images/apple _ 2 _ big。jpg ' class='工具提示' title='苹果iPod nano ' img src=' http : images/apple _ 2。jpg ' alt='苹果iPod nano/a/a/Li lia href=' images/apple _ 3 _ big。jpg ' class='工具提示' title='苹果iPhone ' img src=' http : images/apple _ 3。jpg ' alt='苹果iPhone/a/a/Li lia href=' images/apple _ 4 _ big。jpg ' class='工具提示' title ' title='苹果MAC ' img src=' http : images/apple _ 4。jpg ' alt='苹果MAC/a/Li/ul br/br/br/br/br/br/br/br/br/H3无效果：/H3 ul lia，jpg ' title='苹果iPod ' img src=' http : images/apple _ 1。jpg ' alt='苹果iPod/a/a/Li lia href=' images/apple _ 2 _ big。jpg ' title='苹果iPod nano ' img src=' http : images/apple _ 2。jpg ' alt='苹果iPod nano/a/Li lia href=' images/apple _ 3 _ big。jpg ' title='苹果iPhone ' img src=' http : images/apple _ 3。jpg ' alt='苹果iPhone/a/a/Li lia href=' images/apple _ 4 _ big。jpg ' title='苹果MAC ' img src=' http : images/apple _ 4。jpg ' alt='苹果MAC '/a/Li/ul/body结果