Jquery利用mouseenter和mouseleave实现鼠标经过弹出层且可以点击
2014-02-12 00:00
866 查看
实例如下所示:
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Jquery利用mouseenter和mouseleave实现鼠标经过弹出层且可以点击</title> <script src="JS/jquery-1.9.1.js" type="text/javascript"></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>
相关文章推荐
- Jquery利用mouseenter和mouseleave实现鼠标经过弹出层且可以点击
- Jquery使用mouseenter和mouseleave实现鼠标经过弹出层且可以点击
- Jquery使用mouseenter和mouseleave实现鼠标经过弹出层且可以点击
- jquery中利用on绑定mouseenter事件与mouseleave事件实现鼠标hover事件
- jQuery实现鼠标经过弹出提示信息的地图热点效果
- GridView 实现 鼠标经过感知及点击行弹出窗口
- jQuery实现鼠标经过弹出提示信息的地图热点效果
- jQuery实现鼠标点击弹出渐变层的方法
- jQuery实现鼠标点击弹出渐变层的方法
- jQuery实现table隔行换色和鼠标经过变色
- Jquery中国地图热点效果-鼠标经过弹出提示层信息的简单实例
- jQuery实现鼠标移上弹出提示框,移出消失
- jquery怎么实现页面刷新后保留鼠标点击addclass的样式
- jquery hover的使用方法(替代mouseenter()鼠标移进 和mouseleave()鼠标移出)
- 利用javaScript实现鼠标在文字上悬浮时弹出悬浮层
- jQuery实现点击任意位置弹出层外关闭弹出层效果
- jQuery实现页面点击后退弹出提示框的方法
- jQuery实现table表格隔行换色鼠标经过变色
- Jquery地图热点效果-鼠标经过弹出提示信息