专栏首页sktjjquery 鼠标移入 文字提示

jquery 鼠标移入 文字提示

<style type="text/css"> /* tooltip */

tooltip{

position:absolute;
border:1px solid #333;
background:#f7f5d1;
padding:1px;
color:#333;
display:none;

} </style> <script type="text/javascript"> //<![CDATA[

("a.tooltip").mouseover(function(e){ this.myTitle = this.title; this.title = ""; var tooltip = "<div id='tooltip'>"+ this.myTitle +"</div>"; //创建 div 元素

("#tooltip") .css({ "top": (e.pageY+y) + "px", "left": (e.pageX+x) + "px" }).show("fast"); //设置x坐标和y坐标,并且显示 }).mouseout(function(){ this.title = this.myTitle;

("#tooltip") .css({ "top": (e.pageY+y) + "px", "left": (e.pageX+x) + "px" }); }); }) //]]> </script> <p><a href="#" class="tooltip" title="这是我的超链接提示1.">提示1.</a></p> <p><a href="#" class="tooltip" title="这是我的超链接提示2.">提示2.</a></p>

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • python mpi4py(并行编程 23)

    https://www.cnblogs.com/zhbzz2007/p/5827059.html

    用户5760343
  • python metaclass ..

    关于Python2.x中metaclass这一黑科技,我原以为我是懂的,只有当被打脸的时候,我才认识到自己too young too simple someti...

    用户5760343
  • Layui 模块规范

    用户5760343
  • 腾讯T派移动互联网创新创业大赛决赛启动 看顶尖团队大比拼

    为鼓励更多在校学生创新创业,并为高校学子提供更广阔的展示舞台,腾讯公司3月底启动T派移动互联网创新创业大赛,来自全国200余所高校的1200多支团队踊跃报名参加...

    腾讯高校合作
  • 权威发布丨麻省理工科技评论公布2016年十大突破技术

    麻省理工科技评论从2001年开始,每年都会公布“十大突破技术”,并预计其对人类生活和社会的重大影响。这些技术代表了当前世界科技的发展前沿和未来发展方向,反映了近...

    灯塔大数据
  • 年薪 50 万的 Java 后端标准,值得参考!

    高并发编程、分布式框架、Spring等常用框架可以说是现在Java后端求职的必备技能。

    Java技术栈
  • JavaScript 设计模式系列 - 享元模式与资源池

    享元模式 (Flyweight Pattern)运用共享技术来有效地支持大量细粒度对象的复用,以减少创建的对象的数量。

    前端下午茶
  • 修改因子水平

    将factor的因子水平进行修改比较方便的包为forcats 测试数据集:forcats::gss_cat 数据集,该数据集是综合社会调查数据的一份抽样。

    生信编程日常
  • 【你猜】大数据挖掘会让我们避免下一场瘟疫么?

    当下一场变异性流感等流行病大规模爆发之前,通过周围的大数据监测和预测周边疫情动态,人们再也不必恐慌和担心被传染,早就有相应提示及时应对预防;而与此密切相...

    CDA数据分析师
  • Apache Cassandra 数据存储模型

    我们在《Apache Cassandra 简介》文章中介绍了 Cassandra 的数据模型类似于 Google 的 Bigtable,对应的开源实现为 Apa...

    大数据和云计算技术

扫码关注云+社区

领取腾讯云代金券