标签提示

<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>

阅读更多
文章标签: function class div
想对作者说点什么? 我来说一句

sql-map-2.dtd和sql-map-config-2.dtd

2014年06月10日 9KB 下载

jQuery人性化表单标签提示

2014年01月22日 6KB 下载

TextInputLayout

2016年09月22日 20.32MB 下载

没有更多推荐了,返回首页

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭