jquery鼠标放上去显示悬浮层即弹出定位的div层


Posted in Javascript onApril 25, 2014
<script language="javascript" src="jquery-1.4.2.min.js"></script> 
<script> 
function show(obj,id) { 
var objDiv = $("#"+id+""); 
$(objDiv).css("display","block"); 
$(objDiv).css("left", event.clientX); 
$(objDiv).css("top", event.clientY + 10); 
} 
function hide(obj,id) { 
var objDiv = $("#"+id+""); 
$(objDiv).css("display", "none"); 
} 
</script> <!--http://www.ablanxue.com/prone_3421_1.html--> 
<div id="mydiv1" style="position:absolute;display:none;border:1px solid silver;background:silver;"> 
提示1效果 
</div> 
<div id="mydiv2" style="position:absolute;display:none;border:1px solid silver;background:silver;"> 
提示2效果 
</div> 
<a id="t1" onMouseOver="javascript:show(this,'mydiv1');" onMouseOut="hide(this,'mydiv1')">鼠标放上去1</a> 
<br><br><br><br><br> 
<a id="t2" onMouseOver="javascript:show(this,'mydiv2');" onMouseOut="hide(this,'mydiv2')">鼠标放上去2</a>
Javascript 相关文章推荐
js绑定事件this指向发生改变的问题解决方法
Apr 23 Javascript
ExtJS4中使用mixins实现多继承示例
Dec 03 Javascript
JavaScript声明变量时为什么要加var关键字
Sep 29 Javascript
超炫的jquery仿flash导航栏特效
Nov 11 Javascript
jQuery网页版打砖块小游戏源码分享
Aug 20 Javascript
用director.js实现前端路由使用实例
Jan 27 Javascript
对象不支持indexOf属性或方法的解决方法(必看)
May 28 Javascript
使用vue-router beforEach实现判断用户登录跳转路由筛选功能
Jun 25 Javascript
简单易扩展可控性强的Jquery转盘抽奖程序
Mar 16 jQuery
Angular脚手架开发的实现步骤
Apr 09 Javascript
图解JS原型和原型链实现原理
Sep 15 Javascript
vue实现input输入模糊查询的三种方式
Aug 14 Vue.js
js控制容器隐藏出现防止样式变化的两种方法
Apr 25 #Javascript
Jquery 点击按钮自动高亮实现原理及代码
Apr 25 #Javascript
扩展jQuery对象时如何扩展成员变量具体怎么实现
Apr 25 #Javascript
jQuery中事件对象e的事件冒泡用法示例介绍
Apr 25 #Javascript
jquery实现select选中行、列合计示例
Apr 25 #Javascript
js点击事件链接的问题解决
Apr 25 #Javascript
对js关键字命名的疑问介绍
Apr 25 #Javascript
You might like
PHP面向对象编程快速入门
2006/12/14 PHP
php下将图片以二进制存入mysql数据库中并显示的实现代码
2010/05/27 PHP
PHP用mb_string函数库处理与windows相关中文字符及Win环境下开启PHP Mb_String方法
2015/11/11 PHP
PHP封装mysqli基于面向对象的mysql数据库操作类与用法示例
2019/02/25 PHP
Laravel实现ApiToken认证请求
2019/10/14 PHP
JS JavaScript获取Url参数,src属性参数
2021/03/09 Javascript
jQuery 1.2.x 升? 1.3.x 注意事项
2009/05/06 Javascript
js对象转json数组的简单实现案例
2014/02/28 Javascript
jQuery 1.9使用$.support替代$.browser的使用方法
2014/05/27 Javascript
jQuery文件上传插件Uploadify使用指南
2014/06/05 Javascript
JavaScript将字符串转换为整数的方法
2015/04/14 Javascript
仅一个form表单 js实现注册信息依次填写提交功能
2016/06/12 Javascript
JavaScript 链式结构序列化详解
2016/09/30 Javascript
用js实现博客打赏功能
2016/10/24 Javascript
利用纯Vue.js构建Bootstrap组件
2016/11/03 Javascript
JS判断键盘是否按的回车键并触发指定按钮点击操作的方法
2017/02/13 Javascript
用js屏蔽被http劫持的浮动广告实现方法
2017/08/10 Javascript
webpack热模块替换(HMR)/热更新的方法
2018/04/05 Javascript
使用淘宝镜像cnpm安装Vue.js的图文教程
2018/05/17 Javascript
ES2020 新特性(种草)
2020/01/12 Javascript
[02:50]【扭转乾坤,只此一招】DOTA2永雾林渊版本开启新篇章
2020/12/22 DOTA
使用Python的PEAK来适配协议的教程
2015/04/14 Python
Python中py文件转换成exe可执行文件的方法
2019/06/14 Python
Django框架orM与自定义SQL语句混合事务控制操作
2019/06/27 Python
python Event事件、进程池与线程池、协程解析
2019/10/25 Python
Python networkx包的实现
2020/02/14 Python
Python使用Excel将数据写入多个sheet
2020/05/16 Python
Keras 使用 Lambda层详解
2020/06/10 Python
详解pyqt5的UI中嵌入matplotlib图形并实时刷新(挖坑和填坑)
2020/08/07 Python
python利用google翻译方法实例(翻译字幕文件)
2020/09/21 Python
丝绸和人造花卉、植物和树木:Nearly Natural
2018/11/28 全球购物
我的大学四年规划书范文2014
2014/09/26 职场文书
2015年物业管理工作总结
2015/04/23 职场文书
党小组意见范文
2015/06/08 职场文书
Redis 哨兵集群的实现
2021/06/18 Redis
Python可视化动图组件ipyvizzu绘制惊艳的可视化动图
2022/04/21 Python