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


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插件实现环形图标菜单旋转切换特效
May 15 Javascript
JS和jQuery使用submit方法无法提交表单的原因分析及解决办法
May 17 Javascript
jQuery通过deferred对象管理ajax异步
May 20 Javascript
Bootstrap Search Suggest使用例子
Dec 21 Javascript
vue.js评论发布信息可插入QQ表情功能
Aug 08 Javascript
详解vue中使用express+fetch获取本地json文件
Oct 10 Javascript
基于 Immutable.js 实现撤销重做功能的实例代码
Mar 01 Javascript
微信小程序全局变量GLOBALDATA的定义和调用过程解析
Sep 23 Javascript
vue 解决computed修改data数据的问题
Nov 06 Javascript
webpack常用配置总览(小结)
Nov 18 Javascript
vscode 调试 node.js的方法步骤
Sep 15 Javascript
SpringBoot+Vue 前后端合并部署的配置方法
Dec 30 Vue.js
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扩展编写点滴 技巧收集
2010/03/09 PHP
php魔术变量用法实例详解
2014/11/13 PHP
Json_encode防止汉字转义成unicode的方法
2016/02/25 PHP
php微信公众号开发模式详解
2016/11/28 PHP
php实现生成带二维码图片并强制下载功能
2018/02/24 PHP
laradock环境docker-compose操作详解
2019/07/29 PHP
一个js实现的所谓的滑动门
2007/05/23 Javascript
AngularJS入门教程之Hello World!
2014/12/06 Javascript
JavaScript 基本概念
2015/01/20 Javascript
javascript结合fileReader 实现上传图片
2015/01/30 Javascript
javascript实现框架高度随内容改变的方法
2015/07/23 Javascript
jQuery通过ajax方法获取json数据不执行success的原因及解决方法
2016/10/15 Javascript
详解vue-cil和webpack中本地静态图片的路径问题解决方案
2017/09/27 Javascript
node.js中http模块和url模块的简单介绍
2017/10/06 Javascript
JS实现图片轮播效果实例详解【可自动和手动】
2019/04/04 Javascript
Node.js折腾记一:读指定文件夹,输出该文件夹的文件树详解
2019/04/20 Javascript
详解将微信小程序接口Promise化并使用async函数
2019/08/05 Javascript
vue解决花括号数据绑定不成功的问题
2019/10/30 Javascript
Python实现二叉搜索树
2016/02/03 Python
Python设计模式之MVC模式简单示例
2018/01/10 Python
Python 读取图片文件为矩阵和保存矩阵为图片的方法
2018/04/27 Python
对python PLT中的image和skimage处理图片方法详解
2019/01/10 Python
使用Python实现将list中的每一项的首字母大写
2019/06/11 Python
使用python分析统计自己微信朋友的信息
2019/07/19 Python
Python API len函数操作过程解析
2020/03/05 Python
使用Python实现微信拍一拍功能的思路代码
2020/07/09 Python
html5中使用hotcss.js实现手机端自适配的方法
2020/04/23 HTML / CSS
法拉利英国精品店:Ferraris Boutique UK
2019/07/20 全球购物
视光学专业毕业生推荐信
2013/10/28 职场文书
求职简历中个人的自我评价
2013/12/01 职场文书
小学生美德少年事迹材料
2014/08/24 职场文书
2015新年寄语大全
2014/12/08 职场文书
中班下学期幼儿评语
2014/12/30 职场文书
小学教师工作总结2015
2015/04/07 职场文书
表扬信范文
2015/05/04 职场文书
一文了解JavaScript用Element Traversal新属性遍历子元素
2021/11/27 Javascript