鼠标称到第一个DIV上,显示第二个DIV的内容,鼠标移开第二个DIV,第二个DIV内容隐藏
来源:互联网 发布:51单片机如何下载程序 编辑:程序博客网 时间:2024/05/17 23:35
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Jquery利用mouseenter和mouseleave实现鼠标经过弹出层且可以点击</title>
<script src="http://ajax.aspnetcdn.com/ajax/jquery/jquery-1.9.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
var ps = $("#div_pro").position();
$("#float_box").css("position", "absolute");
$("#float_box").css("left", ps.left + 20); //距离左边距
$("#float_box").css("top", ps.top + 20); //距离上边距
$("#div_pro").mouseenter(function () {
$("#float_box").show();
});
$("#float_box").mouseleave(function () {
$("#float_box").hide();
});
})
</script>
</head>
<body>
<div>
<a href="#" id="div_pro">广东省</a>
</div>
<div id="float_box" style="display:none;">
<a href="#">深圳市</a>
<a href="#">广州市</a>
<a href="#">东莞市</a>
</div>
</body>
</html>
<head>
<title>Jquery利用mouseenter和mouseleave实现鼠标经过弹出层且可以点击</title>
<script src="http://ajax.aspnetcdn.com/ajax/jquery/jquery-1.9.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
var ps = $("#div_pro").position();
$("#float_box").css("position", "absolute");
$("#float_box").css("left", ps.left + 20); //距离左边距
$("#float_box").css("top", ps.top + 20); //距离上边距
$("#div_pro").mouseenter(function () {
$("#float_box").show();
});
$("#float_box").mouseleave(function () {
$("#float_box").hide();
});
})
</script>
</head>
<body>
<div>
<a href="#" id="div_pro">广东省</a>
</div>
<div id="float_box" style="display:none;">
<a href="#">深圳市</a>
<a href="#">广州市</a>
<a href="#">东莞市</a>
</div>
</body>
</html>
0 0
- 鼠标称到第一个DIV上,显示第二个DIV的内容,鼠标移开第二个DIV,第二个DIV内容隐藏
- 我的第二个div布局
- 一个div,弹出第二个div的浮动。
- jquery鼠标滑过显示DIV,鼠标移开隐藏DIV
- javascript随机将第一个dom中的图片添加到第二个div中去
- javascript随机将第一个dom中的图片添加到第二个div中示例
- jq操作div 移除第二个div
- css实现 : 鼠标移动上去显示div,移开隐藏div
- 鼠标滚动到第二屏,显示一个DIV
- jQuery实现鼠标悬浮在div上时候动态浮动另外一个div层盖住第一个div层
- 当尺寸调到PAD或更小尺寸时,第二个div显示到下方
- HTML 多个div盒子鼠标浮动,显示结果不一样
- 鼠标移上一行以DIV的形式显示内容
- 多个div同行显示
- 多个div并排显示
- 2个DIV切换显示
- 鼠标移动到div上显示子div实现要点
- 点击按扭后显示DIV,当然这个DIV 就显示在按扭旁边,当鼠标移动到DIV上时无变化,当鼠标移出DIV的时候,让DIV隐藏
- IOS的UISlide
- 处理大并发之四 libevent demo详细分析(对比epoll)
- java中String的字符串方法典型题目
- oralce视图创建修改删除操作
- 利用SVG path绘制图形--基本图形
- 鼠标称到第一个DIV上,显示第二个DIV的内容,鼠标移开第二个DIV,第二个DIV内容隐藏
- 小白安装php(centos+nginx+php5)
- jdk环境变量的配置和查询
- 前端的小玩意(5)——用dojo写的二级下拉菜单自动添加功能
- ie8 支持html5 标签及ie8 中jQ版本兼容性问题
- 浅谈MySQL中优化sql语句查询常用的30种方法
- React-Natvie run-android 出现错误
- maven基础知识——包管理
- MyBatis-Spring配置简单了解