怎么给超链接自定义提示

时间:2017-03-14 19:59:33 

怎么给超链接自定义提示

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

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

【点击图片进入下一页或下一篇】
【点击图片进入下一页或下一篇】

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

【点击图片进入下一页或下一篇】

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

【点击图片进入下一页或下一篇】

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

【点击图片进入下一页或下一篇】

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

【点击图片进入下一页或下一篇】

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

【点击图片进入下一页或下一篇】

看不过瘾?点击下面链接!
本站微信公众号:gsjx365,天天有好故事感动你!

相关电脑知识

美图欣赏

电脑知识排行榜