これは簡単にプラグインなしでjQueryを使ってアニメーションのナビゲーションメニューを作成する方法の非常に短い記事です。 あなたはロールオーバーでそのサイズを伸縮水平またはveriticalナビゲーションメニューを見ている必要があります。 これらのJavaScriptフレームワークが来る前に、我々は物事を成し遂げるためにコードのかなり多くをしなければならなかった。 なぜですか? その愚かなクロスブラウザの処理。 私はIEを介して開始する必要はありません。
[OK]を、ここでは、ことだ。 我々は、単に伸縮水平方向のメニューを作るために順不同リストを使用しています。 コードはまったく簡単だ。 第一マークを見てみましょう。
<div id="navcontainer"> <ul id="navlist"> <LI> <a href="http://www.google.com">のGoogle </ a>した</ li> <LI> <a href="http://www.yahoo.com">ヤフー</ a>した</ li> <LI> <a href="http://www.msn.com"> MSN </ a>した</ li> <LI> <a href="http://www.lycos.com">ライコス</ a>した</ li> <LI> <a href="http://www.baidu.com"> Baidu〔百度〕</ a>した</ li> </ UL> </ DIV>
だから我々はいくつかのリスト項目をそこに持っています。 それらは、水平メニューのように表示されるようにして我々はこのように見えるいくつかのCSSが必要になるでしょう
: inline ; } #navcontainer ul liリー{ 表示 : インライン ;}#navcontainer ULリー
と最後の部分.. それらのマウスのダンスとなっています。 アニメーション機能を持つ非常にシンプル。 すぐ下にこれらの行のカップルはトリックを行います。 見てみましょう。
( ) { $ ( "#navlist $( 関数 (){$( "#navlist
それはそれだ! それはアクションで参照してください。










































最近のコメント