1

私が今持っているのはこのフィドルです:

http://jsfiddle.net/c2KTZ/

$(document).ready(
        function(){
    $("#showoptions").hover(function () {
    if ( $("#nav").is(":visible")==true) {
        $("#nav").hide();
    }
    else {
        $("#nav").show();
    }        
        });    
     });

しかし、ユーザーがメニューにカーソルを合わせたときにメニューを開いたままにしておくのに問題があります。

写真の上にカーソルを置いてメニューを表示できるようにしたいのですが、ユーザーがメニューの上にカーソルを置いた場合、ユーザーがメニューから離れるまでメニューを表示したままにします。

私に知らせなければ、これが理にかなっていることを願っています。

4

2 に答える 2

2

解決済み - ここにデモhttp://jsfiddle.net/c2KTZ/1/があります

注:- X 軸を使用するために定義できる親要素を作成するイメージid="showoptions"adivwidthcss

さらに、これを行うためにjavascriptは必要ありません.cssを使用してのみ行うことができます:hover

とにかく、コードはhtmlで変更されました

 <div id="showoptions">
  <img src="images/dropdown.png" width="22px" height="29px" />
  <div id="nav">
   <table width="100%" id="table">
    <tr>
     <td><a href="<?php echo $user_data['username']; ?>">Account</a></td>
  </tr>
  <tr>
            <td><a href="client.php">Workout</a></td>
        </tr>
        <tr>
            <td><a href="logout.php">Logout</a></td>
        </tr>
     </table>
 </div>
</div>
于 2013-05-29T18:57:30.543 に答える