web前端，标签切换总结1mouseover,mouseout

最新推荐文章于 2024-07-26 10:19:04 发布

zhaihaohao1

最新推荐文章于 2024-07-26 10:19:04 发布

阅读量669

点赞数

分类专栏： web前端demo

本文链接：https://blog.csdn.net/zhaihaohao1/article/details/48860303

版权

web前端demo 专栏收录该内容

48 篇文章 1 订阅

订阅专栏

<!DOCTYPE html>
<!--mouseover,mouseout-->
<!--当鼠标指针位于元素上方时，会发生 mouseover 事件。-->
<!--参考：http://www.w3school.com.cn/jquery/event_mouseover.asp-->
<html>
<head>
    <meta charset="UTF-8">
    <script type="text/javascript" src="jquery-2.1.4.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){
            $("p").mouseover(function(){
                $("p").css("background-color","yellow");
            });
            $("p").mouseout(function(){
                $("p").css("background-color","#E9E9E4");
            });
        });
    </script>
</head>
<body>
<p style="background-color:#E9E9E4">请把鼠标指针移动到这个段落上。</p>
</body>
</html>
参考：http://www.w3school.com.cn/jquery/event_mouseover.asp
整个标签切换总结的源码：http://download.csdn.net/detail/zhaihaohao1/9152813