jQuery 事件 - mousemove() 和 mouseout() 方法(移入,移出事件)

最新推荐文章于 2024-04-07 10:29:49 发布

lyg1153

最新推荐文章于 2024-04-07 10:29:49 发布

阅读量5.8k

点赞数

分类专栏： jQuery

本文链接：https://blog.csdn.net/lyg1153/article/details/79318028

版权

jQuery 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
    <script src="js/jquery-1.11.1.js"></script>
    <script type="text/javascript">
        function unfold(li) {
            
            $(li).children("ul").show();
        };
        function fold(li) {
            
            $(li).children("ul").hide();
        }
        //隐藏所有 ul ,层次选择器
        $(function () {
            $("div ul li ul").hide();

        });

    </script>
	<meta charset="utf-8" />
</head>
<body>
    <div style="width:200px;height:100px" >
        <ul>
            <li><a href="">首页</a></li>

            <li onmousemove ="unfold(this)" οnmοuseοut="fold(this)" >
                <a href="">人工智能</a>
                <ul>
                    <li><a href="">机器学习</a></li>
                    <li><a href="">深度学习</a></li>
                    <li><a href="">语音识别</a></li>
                    <li><a href="">计算机视觉</a></li>
                    <li><a href="">NLP</a></li>
                </ul>
            </li>
            <li οnmοusemοve="unfold(this)" οnmοuseοut="fold(this)">
                <a href="">移动开发</a>
                <ul>
                    <li><a href="">iOS</a></li>
                    <li><a href="">微信开发</a></li>
                    <li><a href="">Swift</a></li>
                    <li><a href="">Android</a></li>
                </ul>
            </li>
            <li οnmοusemοve="unfold(this)" οnmοuseοut="fold(this)">
                <a href="">编程语言</a>
                <ul>
                    <li><a href="">Java</a></li>
                    <li><a href="">C/C++</a></li>
                    <li><a href="">C#</a></li>
                    <li><a href="">Python</a></li>
                </ul>
            </li>
        </ul>
    </div>
</body>
</html>

效果:

lyg1153

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
jQuery 事件 - mousemove() 和 mouseout() 方法(移入,移出事件)

&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt;&lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8"/&gt; &lt;title&gt;&lt;/title&gt; &lt;script src="js/j
复制链接

扫一扫