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

Tags: JavaScript プログラム ライブラリ ダウンロード


スポンサード リンク


ウィンドウ
これはなかなかおしゃれな小窓が作れそう。

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

6つのサンプル


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

サンプル1

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


サンプル2

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


サンプル3

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


サンプル4

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


サンプル5

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


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


ダウンロード


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

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

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

スポンサード リンク

このエントリーを含むはてなブックマーク livedoorクリップ Buzzurlにブックマーク Buzzurlにブックマーク del.icio.usでブックマーク newsing it!
はてなRSSへ追加 My Yahooへ追加 Livedoorへ追加 Google Readerへ追加

〜実験中〜
Twitterにコメント

この記事を見た人は以下も見てます

関連エントリ抽出中...
ローディング


この記事にトラックバックする人はクリック

トラックバックURL(ワンクリックコピー用)
 
トラックバックURL
 http://e0166.blog89.fc2.com/tb.php/228-c846bbd5
この記事にトラックバックする(FC2ブログユーザー)

トラックバック受信一覧


links for 2007-07-17
2007年5月6月のWEB制作に役立ちそうなベストリンク106個程 *...
hands in hands:2007-07-18 06:25



ディスカッション

コメントの投稿はこちらをクリック

コメントポリシーをお読みください
管理者にだけ表示を許可する







FC2ブログ
 

Yamadaです。この機能はまだ試験中で中身は予告なく思い切り変えるかもしれません。
広告、及びコメント、お問合せなどのブログポリシーについてはこちら
RSSなども登録してくれるとすごく嬉しいです。(RSSって何?

トップページ
前記事 » 儲かるノウハウ商材の通りやったらmixiアカウント削除されましたとさ
後記事 » 未確認の商品の価値は実はその価格が決めている

未定
  • なんかいれる予定
infos