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

body内容

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

鼠标悬浮事件 -jQuery hover()方法_第1张图片
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代码也很简单,分享给大家。

你可能感兴趣的:(前端(插件),鼠标,javascript)