标签提示

原创 2011年05月31日 13:26: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>

相关文章推荐

jQuery人性化表单标签提示

  • 2014年01月22日 11:39
  • 6KB
  • 下载

Eclipse引用XSD实现XML配置文件提示标签

对于SpringMVC的下载包,XSD文件存放在压缩包里的Schema文件夹里,而且各功能的XSD存放在各自文件夹内,把最新版本的XSD文件取出。 Eclipse软件,依次选择Window--Pre...

加载页面等待提示的标签程序

  • 2005年03月17日 12:58
  • 0B
  • 下载

jQuery标签式表单验证提示(警告)信息

由于表单设计紧凑,每项后面没有多余d

tip标签提示框/类bootstrap

  • 2015年05月06日 13:10
  • 32KB
  • 下载

改HTML5里的input标签的required属性的提示为英文的

原文出处:http://zhidao.baidu.com/link?url=bVzR5uJ0pHchYtnUAbwbjmfKwBi6tF52wjOqWQtyGddJ6ZpGbd4qPM7Q_pfIEs...

jQuery实现点击文本框弹出热门标签的提示示例

http://www.w3.org/1999/xhtml">     jQuery实现点击文本框弹出热门标签的提示示例_网页代码站     ...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:标签提示
举报原因:
原因补充:

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