javascript - 鼠标悬停在块上

Question

我的要求是这样的！

当我将鼠标悬停在“？”上时 将出现一个带有链接和视频超链接的块。现在鼠标悬停功能应该可以工作，直到我进入块。当我从块/从？中移动光标时，应该发生 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 演示的链接：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/