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


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 相关文章推荐
关于window.pageYOffset和document.documentElement.scrollTop
Apr 05 Javascript
JQuery中使文本框获得焦点的方法实例分析
Feb 28 Javascript
JavaScript采用递归算法计算阶乘实例
Aug 04 Javascript
ajax级联菜单实现方法实例分析
Nov 28 Javascript
JQuery中Ajax的操作完整例子
Mar 07 Javascript
80%应聘者都不及格的JS面试题
Mar 21 Javascript
JavaScript 函数的定义-调用、注意事项
Apr 16 Javascript
vue vuex vue-rouert后台项目——权限路由(适合初学)
Dec 29 Javascript
浅谈微信小程序flex布局基础
Sep 10 Javascript
详解用JS添加和删除class类名
Mar 25 Javascript
详解vuex数据传输的两种方式及this.$store undefined的解决办法
Aug 26 Javascript
node.js中path路径模块的使用方法实例分析
Feb 13 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
一个可以找出源代码中所有中文的工具
2006/10/25 PHP
PHP中函数内引用全局变量的方法
2008/10/20 PHP
php自定义函数之递归删除文件及目录
2010/08/08 PHP
PHP+MySQL插入操作实例
2015/01/21 PHP
php数值转换时间及时间转换数值用法示例
2017/05/18 PHP
js获取单选按钮的数据
2006/11/27 Javascript
Flash对联广告的关闭按钮讨论
2007/01/30 Javascript
jquery 指南/入门基础
2007/11/30 Javascript
javascript 复杂的嵌套环境中输出单引号和双引号
2009/05/26 Javascript
JS代码同步文本框内容的实例方法
2013/07/12 Javascript
简单谈谈Javascript中类型的判断
2015/10/19 Javascript
JavaScript的Vue.js库入门学习教程
2016/05/23 Javascript
js 文字超出长度用省略号代替,鼠标悬停并以悬浮框显示实例
2016/12/06 Javascript
vue+springboot前后端分离实现单点登录跨域问题解决方法
2018/01/30 Javascript
JS中数组与对象的遍历方法实例小结
2018/08/14 Javascript
js中自定义react数据验证组件实例详解
2018/10/19 Javascript
微信小程序 简易计算器实现代码实例
2019/09/02 Javascript
[00:32]2018DOTA2亚洲邀请赛OpTic出场
2018/04/03 DOTA
python读文件保存到字典,修改字典并写入新文件的实例
2018/04/23 Python
python实现数据导出到excel的示例--普通格式
2018/05/03 Python
Django之路由层的实现
2019/09/09 Python
python连接、操作mongodb数据库的方法实例详解
2019/09/11 Python
PyTorch学习:动态图和静态图的例子
2020/01/06 Python
python如何快速生成时间戳
2020/07/21 Python
用CSS禁用输入法(CSS3 UI规范)实例解析
2012/12/04 HTML / CSS
海蓝之谜(LA MER)澳大利亚官方商城:全球高端奢华护肤品牌
2017/10/27 全球购物
Redbubble法国:由独立艺术家设计的独特产品
2019/01/08 全球购物
what is the difference between ext2 and ext3
2015/08/25 面试题
EJB与JAVA BEAN的区别
2016/08/29 面试题
Ruby如何进行文件操作
2014/07/17 面试题
会计与审计专业大专生求职信
2013/10/03 职场文书
总会计师岗位职责
2014/02/19 职场文书
财产保全担保书范文
2014/04/01 职场文书
乡镇消防安全责任书
2014/07/23 职场文书
晚会开幕词范文
2016/03/04 职场文书
Python爬取奶茶店数据分析哪家最好喝以及性价比
2022/09/23 Python