コンテンツをスライド表示するjavascript「glider.js」
タブやアコーディオンなどを使用することで限れられたスペースを活用することができます。 このような手法の一つにcarouselというものがあります。 glider.jsではcarouselを作成することができます。 sponsors 使用方法 Glider.jsからZipファイルをダウンロードし、全てをheadに書き込みます。 <link rel="stylesheet" href="http://yourdomain/glider.css" type="text/css" media="screen"> <script src="http://yourdomain/prototype.js" type="text/javascript"></script> <script src="http://yourdomain/effects.js" type="text/javascript"><
画像が手前にせり出してくるような効果が得られるjQueryのプラグイン『Space Gellery』 | IDEA*IDEA
ドットインストール代表のライフハックブログ
メニュークリックでコンテンツをダイナミックにスライドさせるJSサンプル:phpspot開発日誌
jQuery Content Slider Tutorial メニュークリックでコンテンツをダイナミックにスライドさせるJSサンプル。 ナビゲーションメニューをクリックで、コンテンツブロックをズイっとアニメーションさせながら切り替えるサンプルです。 デモページ を見るとその動きが分かります。 ウェブサイトのヘッダー部分に置いておくと、カッコいいだけでなく、ページ遷移なしでヘッダー部分を切り替えることが可能です。 企業用のページなんかでよくある構成ですが、そういったサイトの制作時に使えそうですね。 jQueryベースで動作するみたい。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://miracle-ysdesign.com/blog/javascript/443.html
