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


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中使用replace结合正则实现replaceAll的效果
Jun 04 Javascript
超轻量级的基于jquery的三级展开列表
Apr 26 Javascript
S2SH整合JQuery+Ajax实现登录验证功能实现代码
Jan 30 Javascript
在firefox和Chrome下关闭浏览器窗口无效的解决方法
Jan 16 Javascript
JS检测移动端横竖屏的代码
May 30 Javascript
js定义类的几种方法(推荐)
Jun 08 Javascript
Bootstrap页面布局基础知识全面解析
Jun 13 Javascript
Angularjs自定义指令Directive详解
May 27 Javascript
Angularjs上传图片实例详解
Aug 06 Javascript
ionic3实战教程之随机布局瀑布流的实现方法
Dec 28 Javascript
JavaScript 九种跨域方式实现原理
Feb 11 Javascript
Node.js 在本地生成日志文件的方法
Feb 07 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 高手之路(一)
2006/10/09 PHP
php文件上传后端处理小技巧
2016/05/22 PHP
详解php中的implements 使用
2017/06/13 PHP
解决 firefox 不支持 document.all的方法
2007/03/12 Javascript
传递参数的标准方法(jQuery.ajax)
2008/11/19 Javascript
jQuery1.3.2 升级到jQuery1.4.4需要修改的地方
2011/01/06 Javascript
浅谈Javascript面向对象编程
2011/11/15 Javascript
Json序列化和反序列化方法解析
2013/12/19 Javascript
抛弃Nginx使用nodejs做反向代理服务器
2014/07/17 NodeJs
jQuery使用$.each遍历json数组的简单实现方法
2016/04/18 Javascript
浅谈angular懒加载的一些坑
2016/08/20 Javascript
微信小程序 setData的使用方法详解
2017/04/20 Javascript
详解Angular 开发环境搭建
2017/06/22 Javascript
bootstrap fileinput实现文件上传功能
2017/08/23 Javascript
JS动态添加的div点击跳转到另一页面实现代码
2017/09/30 Javascript
使用JavaScript实现node.js中的path.join方法
2018/08/12 Javascript
在vue中多次调用同一个定义全局变量的实例
2018/09/25 Javascript
Vue配置marked链接添加target=&quot;_blank&quot;的方法
2019/07/19 Javascript
原生JS 实现的input输入时表格过滤操作示例
2019/08/03 Javascript
three.js利用gpu选取物体并计算交点位置的方法示例
2019/11/25 Javascript
Python性能优化技巧
2015/03/09 Python
python如何压缩新文件到已有ZIP文件
2018/03/14 Python
利用python绘制中国地图(含省界、河流等)
2020/09/21 Python
CSS3效果:自定义“W”形运行轨迹实例
2017/03/29 HTML / CSS
为你的html5网页添加音效示例
2014/04/03 HTML / CSS
BIBLOO捷克:购买女装、男装、童装、鞋和配件
2017/01/27 全球购物
大学团支书的自我评价分享
2013/12/14 职场文书
《草原的早晨》教学反思
2014/04/08 职场文书
学校文明单位申报材料
2014/05/06 职场文书
团日活动总结书格式
2014/05/08 职场文书
三严三实对照检查材料范文
2014/09/23 职场文书
市贸粮局召开党的群众路线教育实践活动总结大会新闻稿
2014/10/21 职场文书
毕业生自荐材料范文
2014/12/30 职场文书
数学教师个人总结
2015/02/06 职场文书
呼啸山庄读书笔记
2015/06/29 职场文书
观看《信仰》心得体会
2016/01/15 职场文书