标签提示

来源:互联网 发布:python初级教程 编辑:程序博客网 时间:2024/06/11 00:52

<script>
$(function(){
 var x=10;
 var y=20;
 $("a.tooltip").mouseover(function(e){
  this.myTitle=this.title;
  this.title='';
  var tooltip="<div id='tooltip'>"+this.myTitle+"</div>";
  $("body").append(tooltip);
  $("#tooltip")
  .css({"top":(e.pageY+y)+"px",
        "left":(e.pageX+x)+"px"
      }).show("fast");
 }).mouseout(function(){
   this.title=this.myTitle;
   $("#tooltip").remove();
 }).mousemove(function(e){
   $("#tooltip")
   .css({"top":(e.pageY+y)+"px",
         "left":(e.pageX+x)+"px"
        });
 });
});
</script>
</head>
<body>
<p><a href="#" class="tooltip" title="这是我的超级链接提示1">提示1</a></p>
<p><a href="#" class="tooltip" title="这是我的超级链接提示2">提示2</a></p>
<p><a href="#" title="这是自带提示1" >自带提示1</a></p>
<p><a href="#" title="这是自带提示2" >自带提示2</a></p>
</body>

原创粉丝点击