Ajaxでおしゃれな小窓を作る6つのサンプル

これはなかなかおしゃれな小窓が作れそう。

ウェブサイトでちょっとしたお知らせなどを入れる時に役に立つと思います。
特に、フォームを利用しただけではあまりおしゃれなものになりませんので、この技術を応用してみてはいかがでしょうか。

６つのサンプル

試しにサンプルファイルを開いてみれば、一通り使えると思いますよ。

サンプル１

マウスによるロールスクロールは出来ない。
矢印にマウスを乗せるとスクロールする。


サンプル２

スクロールバーを左に配置。ボタンデザインをこったものに出来るサンプル。


サンプル３

スクロールバーを右に配置しているが、特殊なバーに加工している。


サンプル４

上のサンプル３に、タブを追加したバージョンです。


サンプル５

上のサンプル４に、さらに右側にリンクによるナビゲーションを追加したバージョン。
リンクナビゲーションをクリックすると、中のスクロールもそこまで移動するという代物。


サンプル６

上記サンプルの技術をつかった美しいサンプル。

ダウンロード

jsScrolling
こちらから移動し、『jsScrolling.zip』をクリックすればダウンロードできます。


ダウンロードしたファイルには、jsファイルが入っており、これらを呼び出すことで使用できます。

是非勉強ついでにダウンロードしてみるといいかもしれませんね。