jquery鼠标放上去显示悬浮层即弹出定位的div层
2018-10-12 14:02
696 查看
<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>
您可能感兴趣的文章:
相关文章推荐
- jquery鼠标放上去显示悬浮层即弹出定位的div层
- jquery鼠标放上去显示悬浮层(弹出div层)定位
- jquery鼠标放上去显示悬浮层即弹出定位的div层
- jquery鼠标放上去显示悬浮层即弹出定位的div层
- div li隔行变色 鼠标悬浮高亮显示 jquery控制css样式
- jQuery鼠标悬浮链接弹出跟随图片实例代码
- jQuery 鼠标悬浮 隐藏显示div
- jquery悬浮窗,根据鼠标位置显示
- Jquery实现鼠标移到某个对象,弹出显示层。
- jquery 鼠标移上去显示大图片
- jquery 鼠标划过显示弹出层效果
- jquery实现鼠标移上去某元素显示隐藏的内容,移除继续隐藏
- 鼠标悬浮到表格的单元格上,将弹出一个框,框中显示这个单元格的内容。框失去焦点,框也消失。利用jQuery+javascript写的。
- jquery animate 鼠标放上去显示,离开就隐藏
- jQuery鼠标悬浮链接弹出跟随图片实例代码
- jquery预览图片实现鼠标放上去显示实际大小
- 鼠标悬浮弹出标题制作JQuery
- jQuery实现鼠标移到某个对象时弹出显示层功能
- jQuery UI Datepicker 一个案例(弹出div层,悬浮整个页面)
- Jquery实现鼠标移到某个对象,弹出显示层。