-2

私の要件はこのようなものです！

'？'にマウスオーバーすると リンクとビデオのハイパーリンクが付いたブロックが表示されます。これで、ブロックに入るまでマウスオーバー機能が機能するはずです。十字架をブロックから/？から移動すると、mouseoutイベントが発生します。私はjavascriptの初心者なので、これについてはあまりわかりません。この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>
4

3 に答える 3

1

あなたの仮定は実際には正しいです。このイベント プロセスに直接コードが必要だと思います。次のように、イベントをブロック要素にバインドするだけで十分です。

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

jsfiddle デモのリンクは次のとおりです: http://jsfiddle.net/hDvaB/

于 2013-02-07T10:18:04.717 に答える
0

hover() の方が良いと思います：

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

フィドル: http://jsfiddle.net/devWaleed/vQgMm/1/

于 2013-02-07T10:29:37.733 に答える
0

マウスオーバー機能を持つ要素の中にブロックのHTMLタグを入れます。

これを機能させるには、親要素に対してブロックの絶対位置を定義する必要があります。css 属性topを配置leftし、親に対してブロックが表示される場所を定義するだけです。

これを試して。

于 2013-02-07T10:13:41.077 に答える