juqery:切换鼠标悬停进出

Posted

tags:

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

this is the way for toggling something on mouse hover in and out
  1. // HELL YA
  2. $('.unit').hover(function (e) {
  3. var isIn = e.type === 'mouseenter',
  4. $this = $(this);
  5.  
  6. $this.toggleClass('unit-hover',isIn);
  7. $this.find('.thumb a')
  8. .children('.thumb_BW').toggleClass('hidden',isIn)
  9. .end()
  10. . children('.thumb_C').toggleClass('hidden',!isIn);
  11.  
  12. $this.children('.arrow-details').toggleClass('hidden',!isIn);
  13. });

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

收藏|分享前端开发常用代码片段

悬停时jQuery图像闪烁

selenium之鼠标悬停/警告框处理/多窗口切换/下拉菜单的处理的介绍

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

banner滑动juqery特效 带自动切换

PNG Sprite 悬停闪烁