メニュークリックでコンテンツをダイナミックにスライドさせるJSサンプル:phpspot開発日誌
jQuery Content Slider Tutorial メニュークリックでコンテンツをダイナミックにスライドさせるJSサンプル。 ナビゲーションメニューをクリックで、コンテンツブロックをズイっとアニメーションさせながら切り替えるサンプルです。 デモページ を見るとその動きが分かります。 ウェブサイトのヘッダー部分に置いておくと、カッコいいだけでなく、ページ遷移なしでヘッダー部分を切り替えることが可能です。 企業用のページなんかでよくある構成ですが、そういったサイトの制作時に使えそうですね。 jQueryベースで動作するみたい。
fancyboxの使い方講座(?)#2 | ELLIPTiCUS photography
そういえば前回の説明で、一番面倒なところを飛ばしましたよね。わたしってば。せっかくなので、今回はそこの説明を。 とりあえず、基本の手順は過去の記事を参考にしてください。この４番目の手順、スクリプト内に入れる指示を今回はご説明。本サイトにで言うところの【Available options】の部分です。 hideOnContentClick → 最初と最後の画像の出方（ズームイン、ズームアウト）何も指定しないとアニメーションなし。指定する場合はtrue zoomSpeedIn → 画像の出るスピード zoomSpeedOut → 画像の消えるスピード frameWidth → インラインフレームを使う場合の横幅指定（ピクセル指定） frameHeight → インラインフレームを使う場合の縦幅指定（ピクセル指定） overlayShow → lightboxのように背景に透過した色
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
