1

だから、私は右側のサイドバーのdivを非表示にするJavaScriptまたはクエリを作成しようとしています。思ったよりずっと大変だったのですが、近づいています。

クリックするとスライドして外に出て、ボタンをもう一度クリックすると全幅に戻る、右の非表示/表示サイドバーを作成しました。

問題:[非表示]をクリックすると、サイドバーがスライドして「width:10px;」になります。そして、コンテンツはmargin-right:10pxになります。「SHow」をクリックすると、サイドバーがスライドして「width:200px;」になります。そして、スライドして戻るコンテンツ'margin-right:200px;

表示するJSフィドルを作成しました。

http://jsfiddle.net/6uVvF/

フェイスブックの右側のサイドバーのアニメーションバージョンを作成しようとしています。別の例もあります:http ://www.sidlee.com/

ありがとう。

4

1 に答える 1

1

そのため、サイドバーにスライドとフェードの効果を作成することができました。

サイドバーを非表示にすることができます。ただし、Javascriptで各アイテムを0にアニメーション化しています。しかし、それはうまく機能します。

ここで作業バージョンを参照してください:

http://jsfiddle.net/glepage/6uVvF/

于 2012-04-17T10:41:47.277 に答える