JavaScript juqery:用鼠标悬停进出切换

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JavaScript juqery:用鼠标悬停进出切换相关的知识,希望对你有一定的参考价值。

// HELL YA
$('.unit').hover(function (e) {
    var isIn = e.type === 'mouseenter',
          $this = $(this);

        $this.toggleClass('unit-hover',isIn);
        $this.find('.thumb a')
                .children('.thumb_BW').toggleClass('hidden',isIn)
            .end()
                . children('.thumb_C').toggleClass('hidden',!isIn);

        $this.children('.arrow-details').toggleClass('hidden',!isIn);
});

以上是关于JavaScript juqery:用鼠标悬停进出切换的主要内容,如果未能解决你的问题,请参考以下文章

将鼠标悬停在一个上但影响另一个 CSS

PNG Sprite 悬停闪烁

悬停时jQuery图像闪烁

用JavaScript添加选择按钮的背景颜色和juqery添加选择按钮的背景色

javascript 使用jQuery或javascript在鼠标悬停(鼠标悬停/鼠标移出)中添加或删除类

悬停+闪烁时的CSS +不透明度变化