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


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字符串常用类使用方法汇总
Apr 14 Javascript
使用jquery获取url以及jquery获取url参数的实现方法
May 25 Javascript
使用jQuery判断浏览器滚动条位置的方法
May 30 Javascript
Vuejs第十篇之vuejs父子组件通信
Sep 06 Javascript
bootstrap按钮插件(Button)使用方法解析
Jan 13 Javascript
Bootstrap 手风琴菜单的实现代码
Jan 20 Javascript
轻松理解JavaScript之AJAX
Mar 15 Javascript
移动端刮刮乐的实现方式(js+HTML5)
Mar 23 Javascript
解决BootStrap Fileinput手机图片上传显示旋转问题
Jun 01 Javascript
JS Testing Properties 判断属性是否在对象里的方法
Oct 01 Javascript
JavaScript实现多文件下载方法解析
Aug 07 Javascript
JavaScript数组常用的增删改查与其他属性详解
Oct 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
怎么使 Mysql 数据同步
2006/10/09 PHP
处理单名多值表单的详解
2013/06/08 PHP
ThinkPHP CURD方法之order方法详解
2014/06/18 PHP
javascript中的location用法简单介绍
2007/03/07 Javascript
Jquery replace 字符替换实现代码
2010/12/02 Javascript
JavaScript基础语法让人疑惑的地方小结
2012/05/23 Javascript
DOM基础教程之使用DOM设置文本框
2015/01/20 Javascript
JS控制按钮10秒钟后可用的方法
2015/12/22 Javascript
Node.js中Request模块处理HTTP协议请求的基本使用教程
2016/03/31 Javascript
JS组件Bootstrap实现弹出框效果代码
2016/04/26 Javascript
关于JS中的方法是否加括号的问题
2016/07/27 Javascript
使用ReactJS实现tab页切换、菜单栏切换、手风琴切换和进度条效果
2016/10/17 Javascript
vue裁切预览组件功能的实现步骤
2018/05/04 Javascript
vue v-for循环重复数据无法添加问题解决方法【加track-by='索引'】
2019/03/15 Javascript
微信小程序音乐播放器开发
2019/11/20 Javascript
js+canvas实现图片格式webp/png/jpeg在线转换
2020/08/22 Javascript
[01:57]2016完美“圣”典风云人物:国士无双专访
2016/12/04 DOTA
python 图片验证码代码
2008/12/07 Python
Python模块学习 datetime介绍
2012/08/27 Python
python网络编程实例简析
2014/09/26 Python
Python输出各行命令详解
2018/02/01 Python
Tensorflow之构建自己的图片数据集TFrecords的方法
2018/02/07 Python
快速解决PyCharm无法引用matplotlib的问题
2018/05/24 Python
Python简单计算给定某一年的某一天是星期几示例
2018/06/27 Python
Python实现某论坛自动签到功能
2019/08/20 Python
Python基于requests库爬取网站信息
2020/03/02 Python
pandas分组聚合详解
2020/04/10 Python
Python连接mysql数据库及简单增删改查操作示例代码
2020/08/03 Python
使用sublime text3搭建Python编辑环境的实现
2021/01/12 Python
css3 2D图片转动样式可以扩充到Js当中
2014/04/29 HTML / CSS
详解background属性的8个属性值(面试题)
2020/11/02 HTML / CSS
HTML5 Canvas图像模糊完美解决办法
2018/02/06 HTML / CSS
为什么需要版本控制?
2013/08/08 面试题
医院后勤自我鉴定
2013/10/13 职场文书
本科毕业生专业自荐书范文
2014/02/05 职场文书
演讲稿之开卷有益
2019/08/07 职场文书