Question

我的要求是这样的！

当我鼠标悬停在'？'上将出现一个带有链接和链接的链接的块。 video.Now mouseover功能应该工作，直到我进入块。当我从块/从？移动crusor时，应该发生mouseout事件。由于我是javascript的新手，我对此没有太多的想法。这个上的任何例子

已编辑：已添加实际代码：

<apex:outputLink styleClass="helpLink" onmouseover="$('{!$Component.Foo}').style.display ='block';"> 
<apex:image value="/s.gif" styleClass="helpIcon" /></apex:outputLink>
<apex:outputPanel id="Foo" styleClass="video" >
    <a href="" target="_blank" onmouseout="$('{!$Component.Foo}').style.display = 'none';" >link</a> 
</apex:outputPanel>

Answer 1

你的假设实际上是正确的。我想你想在这个事件过程中直接代码。将事件绑定到块元素就足够了，例如：

$('#myTarget').bind('mouseover', function() { $(this).html('over'); });
$('#myTarget').bind('mouseout', function() { $(this).html('out'); });

以下是jsfiddle demo的链接：http://jsfiddle.net/hDvaB/

Answer 2

将块的HTML标记放在具有鼠标悬停功能的元素中。

要使其工作，需要根据某个父元素定义块绝对位置。您只需放置css属性top和left来定义块相对于父级的显示位置。

试试这个。

Answer 3

我认为

hover（）会更好：

$("div").hover(function(){
$(this).html("in");},
 function(){
$(this).html("out");
 });

小提琴：http://jsfiddle.net/devWaleed/vQgMm/1/

鼠标悬停在一个块上

3 个答案: