jquery鼠标放上去显示悬浮层即弹出定位的div层
2015-08-05 13:39
891 查看
<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>
<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>
相关文章推荐
- jquery checkbox的相关操作——全选、反选、获得所有选中的checkbox
- 简单jQuery商品属性选择表单
- 使用JavaScript原生API替换Jquery
- jquery ajax请求成功,数据返回成功,seccess不执行的问题
- jQuery事件和JavaScript事件
- js(jQuery)获取时间的方法及常用时间类搜集
- jquery实现实时改变网页字体大小、字体背景色和颜色的方法
- jquery使用uploadify插件实现多文件的上传(java版)
- 小技巧,使用jquery针对已有table进行处理
- jQuery select操作控制方法小结
- jQuery(expression, [context])
- jQuery(expression, [context])
- jquery.qrcode动态生成二维码
- 【实例】使用jquery自带的slideToggle由上到下缓缓加载图片
- jQuery 找到当前元素之前最后一次出现的某个同辈元素
- 9种jQuery和css3图片动画特效代码演示
- jQuery中事件的解除问题
- jQuery常用方法一览
- jquery 实现全选和反选
- 基于jQuery可悬停控制图片轮播代码