知识屋:更实用的电脑技术知识网站
所在位置:首页 > 电脑技术

如何给超链接添加提示 给超链接添加提示的方法

发布时间:2017-03-24 14:07:27作者:知识屋

如何给超链接添加提示 给超链接添加提示的方法  给超链接添加提示的方法

  先看一下原始的超链接提示效果,代码如下:

  <a id="title" href="#" title="文字提示">文字提示</a>

  缺点:响应速度慢,并且不能随着鼠标的移动而移动

 

如何给超链接添加提示 给超链接添加提示的方法

  引入jquery,加入鼠标的移入移出操作

 

如何给超链接添加提示 给超链接添加提示的方法

  创建div,并将div加入到文档中,并设置x、y坐标,并且显示

 

如何给超链接添加提示 给超链接添加提示的方法

  在创建对象之前,要保存好原来的title,然后清空对象的title,并在鼠标移出前,将title赋值回去

 

如何给超链接添加提示 给超链接添加提示的方法

  但是预览后发现效果中自制的提示离鼠标的距离太近,有时候会引起无法提示的问题,于是加入以下代码即可。

 

如何给超链接添加提示 给超链接添加提示的方法

  为了让提示跟着鼠标走,在加上下面一段代码

 

如何给超链接添加提示 给超链接添加提示的方法

  END

(免责声明:文章内容如涉及作品内容、版权和其它问题,请及时与我们联系,我们将在第一时间删除内容,文章内容仅供参考)
收藏
  • 人气文章
  • 最新文章
  • 下载排行榜
  • 热门排行榜