给超链接添加特效鼠标移动展示提示信息且随鼠标移动

 更新时间:2013年10月17日 17:32:49   作者:  
需要实现这样的效果,就是给超链接添加特效当鼠标移动到上展示提示信息且提示信息跟随鼠标移动,经测试还不错,感兴趣的朋友可以参考下

复制代码 代码如下:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> New Document </title>
</head>
<script>
var c$={};
var w$=function(s){document.write(s);}
var o$=function(id){return document.getElementById(id);}
w$("<div id=\"ts\" style=\"position:absolute;background-color:#FFFFE6;font-size: 12px;padding: 3px; border: 1px solid #FFCC99;display:none\"></div>");

c$.mmove=function(o,s){
//alert(typeof(s));
var evt=event||window.event;
var x=evt.clientX+5;
var y=evt.clientY+20;
o$("ts").style.left=x+"px";
o$("ts").style.top=y+"px";
if(s==""||typeof(s)=="undefined"){
o$("ts").innerHTML=o.innerHTML;
}else{
o$("ts").innerHTML=s
}
o$("ts").style.display="";
}
c$.mout=function(){
o$("ts").style.display="none";
}
</script>
<body>
<a href="#" onmousemove="c$.mmove(this,'点击查看设备误差分析');" onmouseout="c$.mout();">
<span style="color:blue;text-decoration:underline;">分析 </span>
</a>
</body>
</html>

您可能感兴趣的文章:

相关文章

  • es6 for循环中let和var区别详解

    es6 for循环中let和var区别详解

    这篇文章主要介绍了es6 for循环中let和var区别详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-01-01
  • 微信小程序防止多次点击跳转(函数节流)

    微信小程序防止多次点击跳转(函数节流)

    这篇文章主要介绍了微信小程序防止多次点击跳转问题(函数节流),本文给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
    2019-09-09
  • Bootstrap CSS布局之列表

    Bootstrap CSS布局之列表

    这篇文章主要为大家详细介绍了Bootstrap CSS布局之列表的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-12-12
  • uniapp封装小程序雷达图组件的完整代码

    uniapp封装小程序雷达图组件的完整代码

    组件是一个单独且可复用的功能模块的封装,每个组件,包括如下几个部分:以组件名称为标记的开始标签和结束标签、组件内容、组件属性、组件属性值,这篇文章主要给大家介绍了关于uniapp封装小程序雷达图组件的相关资料,需要的朋友可以参考下
    2021-07-07
  • window.onbeforeunload方法在IE下无法正常工作的解决办法

    window.onbeforeunload方法在IE下无法正常工作的解决办法

    下面的代码可以做到不管用户是点击了关闭,或者是在任务栏关闭、点击后退、刷新、按F5键,都可以检测到用户即将离开的消息。
    2010-01-01
  • 解决AJAX中跨域访问出现''没有权限''的错误

    解决AJAX中跨域访问出现''没有权限''的错误

    很多人在使用AJAX调用别人站点内容的时候,JS会提示"没有权限"错误,这是XMLHTTP组件的限制-安全起见
    2008-08-08
  • JavaScript数组常用的增删改查与其他属性详解

    JavaScript数组常用的增删改查与其他属性详解

    这篇文章主要给大家介绍了关于JavaScript数组常用的增删改查与其他属性的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-10-10
  • 详解webpack自定义loader初探

    详解webpack自定义loader初探

    这篇文章主要介绍了webpack自定义loader初探,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-08-08
  • JavaScript弹窗基础篇

    JavaScript弹窗基础篇

    这篇文章主要介绍了JavaScript弹窗基础篇的相关资料,需要的朋友可以参考下
    2016-04-04
  • 解析JavaScript数组方法reduce

    解析JavaScript数组方法reduce

    本文主要介绍了JavaScript数组方法reduce的概述、语法、参数、工作原理等,由浅入深,便于理解。需要的朋友可以看下
    2016-12-12

最新评论