码迷,mamicode.com
首页 > 移动开发 > 详细

Jquery的鼠标移动上去显示div,鼠标离开的时候隐藏div效果

时间:2015-07-27 20:27:33      阅读:197      评论:0      收藏:0      [点我收藏+]

标签:

有时候我们需要这个效果:当鼠标放上去的时候显示一个div,当鼠标移走的时候就将div隐藏了。代码如下,记得引入Jquyer库。

<!DOCTYPE html>
<html>
<head runat="server">
    <title></title>
    <script src="js/jquery.js" type="text/javascript"></script>
    <script type="text/javascript">
        <!--
        $(function () {
            $("#list").hide();
            $("#menu").hover(function () {
                $("#list").show();
            }, function () {
                $("#list").hide();
            });
        });
        //-->
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <div id="menu" style="width: 200px; height: 100px; border: 1px solid red;">
        </div>
        <div id="list" style="width: 300px; height: 300px; ">
        </div>
    </div>
    </form>
</body>
</html>

Jquery的鼠标移动上去显示div,鼠标离开的时候隐藏div效果

标签:

原文地址:http://www.cnblogs.com/LoveQin/p/4680821.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!