鼠标悬浮事件 -jQuery hover()方法

本文介绍了一个简单的jQuery hover()事件应用案例。当鼠标悬停在特定元素上时,会显示提示信息。此功能通过jQuery轻松实现,适用于网页中需要交互提示的场景。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

body内容

<div class="title-01"><span class="name">机构账户统计</span></div>

这里写图片描述
js代码

    <script type="text/javascript">
    var differentindex = 999;

    $(document).ready(function(){

        $(".name").hover(function() {
            openMsg();
        }, function() {
            layer.close(differentindex);
        });
    });

    function openMsg() {
        differentindex = layer.tips('点击分类内容项,可查看下一级机构账户统计情况', '.name', {
          tips: [1, '#3595CC'],
          time: 30000
        });
    }
    </script>

这就是jQuery hover()事件,鼠标悬浮机构账户统计上就会出现下面的提示信息,觉得挺不错的,js代码也很简单,分享给大家。

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值