サイドからパネルがスライドインする
Result jQuery//クリックイベント $('.open').click(function() { //パネルをアニメーションでトグル出来るようにする $("#panel").animate({width: 'toggle'}, 300); });css#panel { height: 600px; width: 200px; padding:20px; background: #eee; float: left; display: none; color: #666; font-size: xx-large; } .open { height: 20px; width: 70px; background: #666; padding:20px; float: left; margin-top: 200px; color:#fff; }html<div id='panel'> He
jQueryでページ遷移時にアニメーション効果をつけてみる。｜BLACKFLAG
Webサイト上でリンクをクリックした際、通常のページ遷移では画面がパッと切り替わるだけ。 何か味気ない感じもするので、画面が切り替わる際にフェードアウト ＆ フェードインしたり、 スライドアウト ＆ スライドインなどのアニメーション効果をつければ、 また違った演出が加えられるのではないかと考え、試してみた実験サンプルのご紹介。 サンプルではトップページは“フェードイン”、 「次へ」といったリンクをクリックしてページ遷移をした際に ページ全体がスライドアウト／インして遷移するパターンになります。 まずはサンプルから サンプルはこちら：パターン１※「次へ」をクリックしていくとページ全体がスライドして遷移します。 このパターンのSCRIPTは以下のような感じで実装。（もちろん別途、要jQueryファイル） ◆SCRIPT $(function(){ $('#container:not(body#
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
