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


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 相关文章推荐
为jQuery.Treeview添加右键菜单的实现代码
Oct 22 Javascript
引入JS文件IE6报语法错误或缺少对象问题的解决方法
Jan 09 Javascript
15款jQuery分布引导插件分享
Feb 04 Javascript
jQuery使用$.ajax进行即时验证的方法
Dec 08 Javascript
javascript实现滚动效果的数字时钟实例
Jul 21 Javascript
简单理解vue中el、template、replace元素
Oct 27 Javascript
JS自定义滚动条效果简单实现代码
Oct 27 Javascript
Vue刷新修改页面中数据的方法
Sep 16 Javascript
js实现点击展开隐藏效果(实例代码)
Sep 28 Javascript
KOA+egg.js集成kafka消息队列的示例
Nov 09 Javascript
关于AOP在JS中的实现与应用详解
May 06 Javascript
Vue代码整洁之去重方法整理
Aug 06 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
xml+php动态载入与分页
2006/10/09 PHP
PHP实现克鲁斯卡尔算法实例解析
2014/08/22 PHP
php实现递归与无限分类的方法
2015/02/16 PHP
phpMyAdmin安装并配置允许空密码登录
2015/07/04 PHP
PHP实现的memcache环形队列类实例
2015/07/28 PHP
Thinkphp5+plupload实现的图片上传功能示例【支持实时预览】
2019/05/08 PHP
fckeditor 获取文本框值的实现代码
2009/02/09 Javascript
一个可以兼容IE FF的加为首页与加入收藏实现代码
2009/11/02 Javascript
Flex通过JS获取客户端IP和计算机名的实例代码
2013/11/21 Javascript
jQuery幻灯片特效代码分享--鼠标滑过按钮时切换(2)
2020/11/18 Javascript
盘点javascript 正则表达式中 中括号的【坑】
2016/03/16 Javascript
JS 拼凑字符串的简单实例
2016/09/02 Javascript
JavaScript和JQuery获取DIV值的方法示例
2017/03/07 Javascript
nodejs模块学习之connect解析
2017/07/05 NodeJs
用vue快速开发app的脚手架工具
2018/06/11 Javascript
详解React中传入组件的props改变时更新组件的几种实现方法
2018/09/13 Javascript
基于Vue el-autocomplete 实现类似百度搜索框功能
2019/10/25 Javascript
bootstrap实现嵌套模态框的实例代码
2020/01/10 Javascript
vue+element获取el-table某行的下标,根据下标操作数组对象方式
2020/08/07 Javascript
python3.5+tesseract+adb实现西瓜视频或头脑王者辅助答题
2018/01/17 Python
Python图像处理之识别图像中的文字(实例讲解)
2018/05/10 Python
浅谈Django中的数据库模型类-models.py(一对一的关系)
2018/05/30 Python
Python sklearn KFold 生成交叉验证数据集的方法
2018/12/11 Python
详解python中list的使用
2019/03/15 Python
Django 源码WSGI剖析过程详解
2019/08/05 Python
面向对象编程OOP的优点
2013/01/22 面试题
Eclipse面试题
2014/03/22 面试题
利用异或运算实现两个无符号数的加法运算
2013/12/20 面试题
Linux Interview Questions For software testers
2012/06/02 面试题
自我评价怎么写正确呢?
2013/12/02 职场文书
敬老院活动总结
2014/04/28 职场文书
2014年重阳节老干部座谈会上的讲话稿
2014/09/25 职场文书
六查六看剖析材料
2014/10/06 职场文书
2015年求职自荐信范文
2015/03/04 职场文书
初中思想品德教学反思
2016/02/24 职场文书
Win11 Build 22000.829更新补丁KB5015882发布(附更新修复内容汇总)
2022/07/15 数码科技