[JS]スライドさせるだけでなくもう一手間加えて、ぐぐぐっとかっこよくナビを表示するスクリプト -Box Lid Menu

テクノロジーカテゴリーの変更を依頼記事元:

coliss.com

82users がブックマークコメント

コメント

6

記事へのコメント6件

注目コメント
新着コメント

poppun1940 最近よく見かける左のパネル状のナビゲーションをアニメーションでスライド表示させるエフェクト。ほとんどのものは単にスライドしてナビゲーションを表示するだけですが、エフェクトを加えちょっとダイナミックに

Evernote

2013/08/02 リンク

whey いつか使う

2013/08/01 リンク

nors http://jimjh.com/box-lid/ https://github.com/jimjh/box-lid

2013/08/01 リンク

field_combat コレいいな。CSSって結構、簡単に3D的な操作が出来るから面白いアイディアが出てくるな

2013/08/01 リンク

chami191cm 後で

2013/08/01 リンク

cyokodog おされ

css3

2013/08/01 リンク

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

規約違反を報告

アプリのスクリーンショット

いまの話題をアプリでチェック！

バナー広告なし
ミュート機能あり
ダークモード搭載

アプリをダウンロード

関連記事

[JS]スライドさせるだけでなくもう一手間加えて、ぐぐぐっとかっこよくナビを表示するスクリプト -Box Lid Menu

Toybox Box Lid Menuの使い方 Step 1: 外部ファイル当スタイルシートをhead内に、スクリプトを</body>... Toybox Box Lid Menuの使い方 Step 1: 外部ファイル当スタイルシートをhead内に、スクリプトを</body>の上あたりに外部ファイルとして記述します。 <head> ... <link rel='stylesheet' type='text/css' href='css/box-lid.css'> </head> <body> ... ... <script src='http://code.jquery.com/jquery-1.10.2.min.js'></script> <script src='js/jquery.box-lid.min.js'></script> </body> Step 2: HTML 左のナビゲーションとコンテンツをdiv要素などで配置し、並列の構造で実装します。 <div class='box-lid-menu'> <div cl

ブックマークしたユーザー

typem1death2014/03/18
utalab2013/11/09
kuroaka18712013/09/07
yorozuna2013/08/28
saladdays2013/08/20
gotack2013/08/09
yoshimunekun2013/08/07
delphinus352013/08/03
candykebin2013/08/03
fujis_a2013/08/03
lEDfm4UE2013/08/03
o_hiroyuki2013/08/03
highpress2013/08/03
suikatyan2013/08/03
kkeisuke2013/08/03
hiroroEX2013/08/02
bascinet2013/08/02
ajinorichan2013/08/02

同じサイトの新着

同じサイトの新着をもっと読む

いま人気の記事

いま人気の記事をもっと読む

いま人気の記事 - テクノロジー

いま人気の記事 - テクノロジーをもっと読む

新着記事 - テクノロジー

新着記事 - テクノロジーをもっと読む

いま人気の記事 - 企業メディア

企業メディアをもっと読む

設定を変更しましたx