Gmailのようなサインアウトメカニズムがあります。ユーザー名(右上)にカーソルを合わせると、「ログアウト」リンクを含むメニューが表示されます。ユーザ名はフローティングリストにあり、スライドアウトするメニューは内側のリストにあります(フローティングではありません)。スライドアウト/インはjQueryを使用して実行されます。Gmailのようなログアウト
これは、行うことになっているものである:
- ユーザ名がオンに推移したとき、内側メニューが(目に見えるようになる)を滑落。
- マウスが内側のメニューに行くと、内側のメニューが表示されたままになります。
- マウスが他の場所に移動している場合は、内側のメニューが元に戻ります(目に見えなくなります)。
これは、現在何をするかです:ユーザ名がオンに推移したとき
- インナーメニューが滑り落ちます。
- カーソルがユーザー名から離れているときは、カーソルがどこにあるかにかかわらずメニューが上にスライドします。
知覚ソリューション:私はカーソルが内側のリストの上にある、オープン内側のリストを維持するかどうかを確認するどこかif
句があるはずと信じて、それは私が困惑なる部分です。 EDIT
:
HTML::
<ul id="user_spot">
<li><a href="#"><span class="username">username</a>
<ul id="user_spot_links">
<li><a href="/home/sign?out=y">Sign Out</a></li> <br />
</ul>
</li>
</ul>
CSS:
ul#user_spot li {
float:left;
position:relative;
}
ul#user_spot_links {
position:absolute;
top:20px;
display:none;
}
ul#user_spot_links li {
float:none;
clear:both;
}
JS:
01ここは、現在のコードです$('ul#user_spot li a').hover(function() {
$('ul#user_spot_links').slideDown('slow');
return false;
}, function() {
// this is where I believe the needed code should be"
$('ul#user_spot_links').slideUp('slow');
});
スクリプトを書いてもらいたいですか?私はそれがstackoverflowのポイントだとは思わない。 StackoverflowはQ&Aサイトです。 – omnidan
あなたの質問にいくつかのコードを含めることができますか?現在のソリューションとこれまでに試したことをお見せください。 – PPvG
私は誰も私にスクリプトを書く必要はありません。スクリプトを自分で書く方法を理解する必要があります。私はロジックを処理するのに助けが必要です。現在のコードがもう一度表示される –