关于JQuery中的鼠标事件

最新推荐文章于 2024-04-15 19:41:57 发布

会飞的鱼zhj

最新推荐文章于 2024-04-15 19:41:57 发布

阅读量3.6k

点赞数 1

分类专栏： JQuery 文章标签： jquery

本文链接：https://blog.csdn.net/Hfeidz/article/details/120973978

版权

注：以下所有效果都会以此结构展示

    <style>
        #box{
            width: 300px;
            height: 300px;
            background-color: pink;
            margin: 200px auto;
            transition: 0.5s;
            text-align: center;
            line-height: 300px;
        }
    </style>
</head>
<body>
    <div id="box"></div>
</body>

1. 鼠标点击效果： mousedown

当鼠标指针移动到元素上方，并按下鼠标按键时，会发生 mousedown 事件。

<script>
    $(function(){
        $("#box").mousedown(function(){
            $(this).css("background","cyan")
            $(this).html("mousedown事件发生")
        })
    })
</script>

2. 鼠标(指针)穿过效果：mouseenter

当鼠标指针穿过元素时，会发生 mouseenter 事件。该事件大多数时候会与mouseleave 事件一起使用。

<script>
    $(function(){

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

会飞的鱼zhj

关注关注

1
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
关于JQuery中的鼠标事件

注：以下所有效果都会以此结构展示 <style> #box{ width: 300px; height: 300px; background-color: pink; margin: 200px auto; transition: 0.5s; text-align: center; line-height:
复制链接

扫一扫