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


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向.ashx文件post中文乱码问题的解决方法
Mar 28 Javascript
在chrome浏览器中,防止input[text]和textarea在聚焦时出现黄色边框的解决方法
May 24 Javascript
jquery实现每个数字上都带进度条的幻灯片
Feb 20 Javascript
使用Java实现简单的server/client回显功能的方法介绍
May 03 Javascript
Knockout结合Bootstrap创建动态UI实现产品列表管理
Sep 14 Javascript
easyui tree带checkbox实现单选的简单实例
Nov 07 Javascript
微信小程序中单位rpx和rem的使用
Dec 06 Javascript
angular和BootStrap3实现购物车功能
Jan 25 Javascript
微信小程序实现滚动消息通知
Feb 02 Javascript
Nautil 中使用双向数据绑定的实现
Oct 02 Javascript
JavaScript复制变量三种方法实例详解
Jan 09 Javascript
详解 javascript对象创建模式
Oct 30 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 遍历显示文件夹下所有目录、所有文件的函数,没有分页的代码
2008/11/14 PHP
php获得url参数中具有&amp;的值的方法
2014/03/05 PHP
destoon各类调用汇总
2014/06/20 PHP
js+php实现静态页面实时调用用户登陆状态的方法
2015/01/04 PHP
CodeIgniter针对lighttpd服务器URL重写的方法
2015/06/10 PHP
ThinkPHP实现登录退出功能
2017/06/29 PHP
微信接口生成带参数的二维码
2017/07/31 PHP
laravel 获取某个查询的查询SQL语句方法
2019/10/12 PHP
经典的解除许多网站无法复制文字的绝招
2006/12/31 Javascript
JavaScript 解析Json字符串的性能比较分析代码
2009/12/16 Javascript
『jQuery』名称冲突使用noConflict方法解决
2013/04/22 Javascript
JS通过相同的name进行表格求和代码
2013/08/18 Javascript
输入自动提示搜索提示功能的javascript:sugggestion.js
2013/09/02 Javascript
EasyUi datagrid 实现表格分页
2015/02/10 Javascript
JS实现自动变化的导航菜单效果代码
2015/09/09 Javascript
JavaScript设计模式初探
2016/01/07 Javascript
Bootstrap基本插件学习笔记之轮播幻灯片(23)
2016/12/08 Javascript
JavaScript中关于class的调用方法
2017/11/28 Javascript
vue中使用vue-router切换页面时滚动条自动滚动到顶部的方法
2017/11/28 Javascript
nodejs实现范围请求的实现代码
2018/10/12 NodeJs
微信小程序出现wx.getLocation再次授权问题的解决方法分析
2019/01/16 Javascript
vue-router懒加载的3种方式汇总
2021/02/28 Vue.js
python判断字符串是否包含子字符串的方法
2015/03/24 Python
详细介绍Python函数中的默认参数
2015/03/30 Python
Python中使用hashlib模块处理算法的教程
2015/04/28 Python
运用PyTorch动手搭建一个共享单车预测器
2019/08/06 Python
Python调用飞书发送消息的示例
2020/11/10 Python
好军嫂事迹材料
2014/01/15 职场文书
幼儿园教师个人反思
2014/01/30 职场文书
学习党的群众路线对照检查材料
2014/09/29 职场文书
贫困证明书格式及范文
2014/10/15 职场文书
MySQL 角色(role)功能介绍
2021/04/24 MySQL
python 中的@运算符使用
2021/05/26 Python
Go语言基础切片的创建及初始化示例详解
2021/11/17 Golang
Java虚拟机内存结构及编码实战分享
2022/04/07 Java/Android
Python sklearn分类决策树方法详解
2022/09/23 Python