jquery鼠标放上去显示悬浮层即弹出定位的div层
更新时间：2014年04月25日 15:39:56 作者：
这篇文章主要介绍了使用jquery实现的鼠标放上去显示悬浮层即弹出定位的div层,需要的朋友可以参考下
复制代码 代码如下:
<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>
相关文章
这篇文章主要介绍了一看就懂：jsonp详解,本文用浅显易懂的语言组织讲解了什么是jsonp、jsonp怎么用、jsonp使用实例等内容,需要的朋友可以参考下2015-06-06
基于jQuery的ajax功能实现web service的json转化
前面文章说过下次会给大家介绍详细的基于web Services的JqueryAjax调用如何把一个datatable得数据转化成JSON数据,然后在客户端再通过json2.js转化成javascript对象。2009-08-08
利用JQuery操作iframe父页面、子页面的元素和方法汇总
这篇文章主要给大家介绍了关于利用JQuery操作iframe父页面、子页面的元素和方法的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧。2017-09-09
在本篇文章里小编给大家整理了关于jquery如何将信息遍历到界面上的实例代码内容，需要的朋友们可以参考下。2020-01-01
下面小编就为大家带来一篇老生常谈jquery id选择器和class选择器的区别。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-02-02
jquery上传插件fineuploader上传文件使用方法(jquery图片上传插件)
这篇文章主要介绍了jquery插件fineuploader上传文件很用方法2013-12-12
easyui combotree加载静态数据问题（选不上）解决方法
这篇文章主要介绍了easyui combotree加载静态数据问题,选不上）2016-12-12
jQuery 1.5 beta1出来了，从学习跟进上来说，这一次已经比较晚了（我竟然不知道1.5什么时候出的alpha，就这么beta了）。2011-01-01
本文实现了一个分类导航的菜单,和大多数流行的电子商务网站类似，详细的实现可以直接查看源代码.所有的代码都在一个sidebar.html文件中2013-09-09
自创"山寨版"的"博客园"TagCloud!...2010-06-06
最新评论