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


Posted in Javascript onOctober 17, 2013
<!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>
Javascript 相关文章推荐
javascript iframe中打开文件,并检测iframe存在否
Dec 28 Javascript
19个很有用的 JavaScript库推荐
Jun 27 Javascript
jquery的flexigrid无法显示数据提示获取到数据
Jul 19 Javascript
js实现的标题栏新消息闪烁提示效果
Jun 06 Javascript
select多选 multiple的使用示例
Jun 16 Javascript
jQuery 1.9.1源码分析系列(十四)之常用jQuery工具
Dec 02 Javascript
jQuery的层级查找方式分析
Jun 16 Javascript
微信小程序封装http访问网络库实例代码
May 24 Javascript
vue2.x 父组件监听子组件事件并传回信息的方法
Jul 17 Javascript
EasyUI创建人员树的实例代码
Sep 15 Javascript
深入浅析Vue中的Prop
Jun 10 Javascript
深入学习JavaScript 高阶函数
Jun 11 Javascript
JS对HTML标签select的获取、添加、删除操作
Oct 17 #Javascript
JS操作数据库的实例代码
Oct 17 #Javascript
JavaScript调用后台的三种方法实例
Oct 17 #Javascript
9行javascript代码获取QQ群成员具体实现
Oct 16 #Javascript
JS实现时间格式化的方式汇总
Oct 16 #Javascript
利用CSS、JavaScript及Ajax实现高效的图片预加载
Oct 16 #Javascript
div模拟滚动条效果示例代码
Oct 16 #Javascript
You might like
PHP小技巧之函数重载
2014/06/02 PHP
php保存信息到当前Session的方法
2015/03/16 PHP
php通过asort()给关联数组按照值排序的方法
2015/03/18 PHP
php备份数据库类分享
2015/04/14 PHP
php三元运算符知识汇总
2015/07/02 PHP
PHP统计目录中文件以及目录中目录大小的方法
2016/01/09 PHP
javascript-TreeView父子联动效果保持节点状态一致
2007/08/12 Javascript
在javascript中对于DOM的加强
2013/04/11 Javascript
Jquery实现图片左右自动滚动示例
2013/09/25 Javascript
Jquery插件实现点击获取验证码后60秒内禁止重新获取
2015/03/13 Javascript
6种javascript显示当前系统时间代码
2015/12/01 Javascript
JavaScript实现多种排序算法
2016/02/24 Javascript
全面了解javascript中的错误处理机制
2016/07/18 Javascript
浅谈JS继承_寄生式继承 &amp; 寄生组合式继承
2016/08/16 Javascript
Angular2  NgModule 模块详解
2016/10/19 Javascript
JS轮播图实现简单代码
2021/02/19 Javascript
微信小程序开发的基本流程步骤
2019/01/31 Javascript
PHP实现基于Redis的MessageQueue队列封装操作示例
2019/02/02 Javascript
vue组件中iview的modal组件爬坑问题之modal的显示与否应该是使用v-show
2019/04/12 Javascript
原生js实现购物车功能
2020/09/23 Javascript
js实现简单图片拖拽效果
2021/02/22 Javascript
[05:37]DOTA2-DPC中国联赛 正赛 Elephant vs iG 选手采访
2021/03/11 DOTA
Python计算已经过去多少个周末的方法
2015/07/25 Python
Python中按值来获取指定的键
2019/03/04 Python
python 画函数曲线示例
2019/12/04 Python
Python开发之基于模板匹配的信用卡数字识别功能
2020/01/13 Python
python中使用.py配置文件的方法详解
2020/11/23 Python
python切片作为占位符使用实例讲解
2021/02/17 Python
canvas小画板之平滑曲线的实现
2020/08/12 HTML / CSS
介绍一下XMLHttpRequest对象的常用方法和属性
2013/05/24 面试题
医学生自荐信
2013/12/03 职场文书
学习交流会主持词
2014/04/01 职场文书
销售工作决心书
2015/02/04 职场文书
服务员岗位职责范本
2015/04/09 职场文书
餐厅保洁员岗位职责
2015/04/10 职场文书
高考1977观后感
2015/06/04 职场文书