2013-02-07 55 views
-2

我的要求是這樣的!鼠標懸停在塊上

當我將鼠標懸停在'?'上時一個塊會出現超鏈接的鏈接& video.Now鼠標懸停功能應該工作,直到我進入該塊。當我從塊/從?移動的crusor,然後出現鼠標事件。由於我是新手,我的JavaScript上沒有this.Any例子很多想法在這一PLS

編輯:新增實際代碼:

<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> 

回答

0

把塊的HTML標籤的元素中具有鼠標懸停功能。

爲了使這項工作,將需要定義你的塊的絕對位置相對於某些父元素。您只需將css屬性topleft定義爲該塊相對於父級顯示的位置。

試試這個。

+0

我在salesforce上工作,我的代碼就像這樣'link'。這裏的鼠標懸停工作正常,當我放置在鏈接,並且它不工作時,我放在塊 –

+0

編輯你的問題,並把它上面的代碼。 –

+0

由於我沒有10個聲望,我不能這樣做 –

1

你的假設其實是正確的。我想你想在這個事件過程上直接編碼。這足以事件綁定到你的塊元素,如:

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

這裏是鏈接的jsfiddle演示:http://jsfiddle.net/hDvaB/

+0

' 。<頂點:includeScript值= 「{!URLFOR($ Resource.jquery)}」/>

'如果我在Salesforce的組織使用,在不displaying.Don't知道Ÿ幫助的呢? –