2011-10-29 10 views
0

ここに私の現在のコードhttp://jsfiddle.net/HRZ3D/2/があります。私は以下のことができませんでした。1.ドックの10px側を、ウィンドウの横から10px幅にマウスオーバーすると表示されます。ドックのコンテンツがその後に表示されるようにドックをクリックできるようにするか、またはマウスが離れた場合にドックのコンテンツが消えるようにします。3.マウスがドックの端を再度クリックすると、ドッキングコンテンツを再び消します。 4.これをすべて動作させることができれば、ドックが実際に画面の外に滑りそうに見えるようにアニメートすることができます。なぜ私の現在のコードが少なくとも最初の3つのことをそのシーケンスでやっていけないのか分かりません。マウスベースのスライドアウトドックを作成するにはどうすればよいですか?

答えて

2

私はCSSを更新し、jQueryを修正しました。

参照:http://jsfiddle.net/Kai/LrsGc/

うまくいけば、十分にあなたがする必要がどこにあなたが近づきます。 :)

+0

私は決してそれをやろうとは思っていませんでしたが、拡張ボーダーをクリックするとドックを閉じるだけのバージョンにすることはできますか?ドックからマウスを動かすたびに代わりに? – Ethan722

+0

確かに、コードを更新しました。リンクをもう一度見てください。 – Kai

+0

ありがとうございます。 – Ethan722

関連する問題