1

私はこのコードを持っています

これは私の頭の中のスクリプトです

    <script src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$("#hmenu li a").hover(
    function () {
    if ($("#hmenu li a").val == "Work")
    {
        alert ('halla')
    }

    },
    function () {
        $(this).removeClass("active");
    }
    );
    });
</script>

これはHTML部分です

<div id="headd">
<img src="logoname.png"/>
</div>
<div id="ll">
<p>My home, the front page and the main page</p>
</div>
<img id="da" src="logo.png" />
<div id="line">
    <img src="rr.gif" />
</div>
<ul id="hmenu">
    <li><a class="active" href="#">HOME</a></li>
    <li><a href="#">WORK</a></li>
    <li><a href="#">PORTFOLIO</a></li>
    <li><a href="#">ABOUT</a></li>
    <li><a href="#">CONTACT</a></li>
</ul>

ユーザーがアンカータグにカーソルを合わせるたびに、この領域のテキスト「#ll p」を変更したいと思います。

例えば。ユーザーが「HOME」のコンテンツを持つアンカータグにカーソルを合わせると、JavaScript は if と else を介してそれを比較します (別の方法があるかどうかはわかりませんが、提案は受け付けています)。 #hmenu li a 値が Home と等しい場合、 #ll p コンテンツは「作業アンカーをホバーする」などに変更する必要があります。

4

3 に答える 3

1

テキストを追加してから元のテキストに戻したい場合は、値を data タグに保存できます。このサンプルを見てください:

http://jsfiddle.net/PjJfk/

于 2012-04-07T08:12:24.807 に答える
1

どうですか

$('#hmenu li').hover(function() {
    $('#ll p').text('you hover the '+$(this).text()+' anchor');
}
于 2012-04-07T06:56:28.013 に答える
0

@alexg と @Jay に追加:

属性の機能が必要なように思えtitleますが、ポップアップの代わりに、タイトル テキストが事前定義されたボックスに移動します。

titlejs が無効になっていても機能するため、attrを使用することをお勧めします。次に、次のようなホバー（mouseenter / mouseleave）アクションを使用できると思います。

mouseenter: リンクからタイトルを削除しますが、'#ll p' のコンテンツに使用します mouseleave: リンクと元のコンテンツに元のタイトルを復元します#ll p

私は本当にjQueryの男ではありませんが、次のようなものです:

$(function() {
 var text, title;
 $('#hmenu li a').hover(
  function() {
     var $p = $('#ll p'), $a = $(this);
     text = $p.text();
     title = $a.attr('title');
     $a.attr('title','');
     $p.text(title);
  },
  function() {
     $('#ll p').text(text);
     $(this).attr('title', title);
  }
 )
});

#hmenu になります

<ul id="hmenu">
  <li><a class="active" href="#" title="My home, the front page and the main page">HOME</a></li>
  <li><a href="#" title="Glad I'm not there now">WORK</a></li>
  <li><a href="#" title="You really have to see this">PORTFOLIO</a></li>
  <li><a href="#" title="I'm interesting once you get to know me">ABOUT</a></li>
  <li><a href="#" title="Shazam">CONTACT</a></li>
</ul>

http://jsfiddle.net/heey3/を参照

于 2012-04-07T13:17:52.460 に答える