0
<DIV id=gallery2>
  <DIV class=center_content>
    <A id=example2 class=photo-link title=567 href="http://www.hdwallpapersarena.com/wp-content/uploads/2012/06/Desktop-wallpaper-Free-honey-bee1.jpg" rel=group1 smoothbox?>
      <IMG id=mygal class=mygalclass src="http://www.hdwallpapersarena.com/wp-content/uploads/2012/06/Desktop-wallpaper-Free-honey-bee1.jpg" width=132 height=137>
    </A>
  </DIV>
</DIV>

悬停在蜜蜂图像上向我显示了一个span带有链接的链接,但是当我去选择它时span它消失了,我想这是因为mouseleave图像的事件。

这是一个演示http://jsfiddle.net/sbYG4/13/

我怎样才能将Div,Image和绑定Span到相同的onmouseenterand mouseleave

4

2 回答 2

0

回答您的第一个问题:我们无法确定,因为我们没有事件的代码。

在回答您的第二个问题时,给所有 3 个相同的类,并将onmouseenteronmouseleave处理程序附加到该类。

如果你使用 jQuery,它看起来像这样:

$('.theClassYouGaveThem').bind("mouseenter", function(){/*Code here */ });

$('.theClassYouGaveThem').bind("mouseleave", function(){/*Code here */ });

或者如果你想两者都做,

$('.theClassYouGaveThem').bind("mouseenter mouseleave", function(){/*Code here */ });
于 2012-08-29T15:53:17.103 回答
0

只需使用 div id 将所有内容绑定在一起,这样每当它进入该 div 时,所有 span img 等都会受到影响,并且由于您使用的是标签并且在 cssanchor中没有它的规范并将其设置为plus,您可以将标签用作这样它就可以占据一个空间,并且可以在何时发生时采取行动text-decorationnoneanchordisplay:inline-blockonmouseenteronmouseleave

使用它可以工作(再次更新多个图像)

$(".photo-link").on({

    mouseenter: function () {

 $(this).find('span').fadeIn('slow');
    },
    mouseleave: function () {
 $(this).find('span').fadeOut('slow');
    }
});

加上已经删除display:none了它A.deletespan

于 2012-08-29T15:56:10.660 回答