当前位置:  开发笔记 > 前端 > 正文

jQuery:在两个元素上维持悬停

如何解决《jQuery:在两个元素上维持悬停》经验,为你挑选了1个好方法。

我有一个,一旦盘旋,动画和淡化

的图片的更大版本,以及文本和超链接.当鼠标移出时,
动画就会消失.这很好,只有我的悬停功能只适用于它自己.只要a)
出现在,或者b)一个鼠标离开即可到达
,jQuery读取鼠标并动画
离开.如何重新编写我的jQuery以允许我解决这个问题?提前致谢 ...

以下是HTML的一部分:



...和jQuery ......

$('.navigation_spec1_panel').hide().css('opacity','0.0');
$('.navigation_spec1').hover(function() { 
    $('.navigation_spec1_panel').animate({ 
          width: '337px', 
          height: '234px',
          opacity: 1.0 }, 
        1250 ); 
    }, function() { 
    $('.navigation_spec1_panel').animate({ 
          width: '1px', 
          height: '1px',
          opacity: 0.0 }, 
        1250); 
    });
});

(旁注释:在IE 6或7中,我的动画

不会出现在其他
s编码之上/ 之后.
无论z-index如何,它们都会出现在它们后面.建议?)



1> svinto..:

选项1:将img和div放在另一个div中,并在该外部div上设置事件.

选项2:在两个元素的mouseout-event上使用setTimer,在两个元素的mouseover-event上使用clearTimer,这为焦点移动创建了一个小的时间跨度,而不触发淡出代码.

推荐阅读
个性2402852463
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有