自己写的超链接提示

原创 2011年05月16日 11:23:00

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

相关文章推荐

使用 JQueryMobile 点击超链接提示“error loading page” 错误

使用jquery mobile创建dialog时出现加载错误,“Error Loading Page”。 原因是:jquery mobile页面默认采用ajax方式进行交互,而ajax方式下是不支持f...

ajax超级漂亮的超链接提示

  • 2012年07月06日 16:28
  • 694KB
  • 下载

易语言读写excel超链接

  • 2012年11月08日 15:42
  • 7KB
  • 下载

网站超链接和图片提示效果(jquery)

1.超链接提示效果: //

【code】为超链接添加文字提示

为超链接重新设置自动提示,使得自动提示响应更快

jQuery开发之超链接提示效果和图片提示效果

1,超链接提示效果 超链接自带的有提示效果的,这里就把自己定义的提示效果放在一起可以进行一下比较。示例代码如下: ...

3-2使用超链接

  • 2015年10月25日 10:50
  • 721KB
  • 下载

细说php全本下载--超链接

  • 2013年09月17日 09:46
  • 87B
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:自己写的超链接提示
举报原因:
原因补充:

(最多只允许输入30个字)