ホームページを作る人のネタ帳


売れない、人が来ないホームページにならない為の、インターネットの知識とブログネタ

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


スポンサード リンク

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

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



6つのサンプル


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

サンプル1

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


サンプル2

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


サンプル3

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


サンプル4

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


サンプル5

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


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


ダウンロード


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

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

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


新ブログ:ITクオリティもよろしく。
スポンサード リンク


はてなRSSへ追加 My Yahooへ追加 Livedoorへ追加 Google Readerへ追加

はてなブクマこのエントリーを含むはてなブックマーク livedoorクリップ livedoorクリップ Buzzurlにブックマーク Buzzurlにブックマーク newsing it! del.icio.usでブックマーク
私の他のブログの更新状況
RSS表示パーツ
最近のエントリー
» Photoshopちょいテク『惑星を作ってみよう』+360度パノラマ画像も作れるように
» 最近、ブログを書いている途中に筆が止まる理由がわかった気がする
» ブログエントリ別に見る『注目度10の法則』
» 天才という言葉は、生きている人にいう言葉じゃない気がする
» まるでphotoshop!JavaScriptで実装するクールなカラーピッカー[prototype.js]
» 今後の期待度が高いphotoshopブラシまとめサイト『Quality Brushes for Photoshop』
» FLASHサイト作成インスピレーションの参考になるflashサイト7つ
» あの時、何気なく吸い始めた一本のタバコの値段が900万だと知ったとき
» jQueryサンプル公開後の反省会。みなさんからのアドバイスを5本サンプル化
» [追記]数百件先の画像まで一気に検索してしまうインターフェイスを搭載したfirefoxアドオン
» プロとアマの違いってぶっちゃけたったひとつ
» 一晩で覚えるjQueryの逆引き基礎サンプル7つ
» あなたは大丈夫?知らず知らずのうちに感じている10のパソコンストレス
» よごれた感じのフォトショップチュートリアルとブラシ
» 第2回web開発者インタビュー。マチウケメール便開発者『開発環境はeclipseです!』

ホームページを作る人のネタ帳トップへ

Comment

当ブログのコメントポリシーはこちら

 
管理人にのみ表示する
 

Home

ブログ記事を検索

Google

カテゴリー

月別過去記事

RSSフィード

私のおすすめ書籍

リンク

お問い合わせとか

お問合せ、広告について

名前:
メール:
件名:
本文:

プラグイン

あわせて読みたい

フィードメーター - ホームページを作る人のネタ帳

SPONSORS


このブログについて

当サイトはインターネットでのデザインや、ホームページ作成に関する私Yamadaの個人的勉強をネタとしてご紹介するサイトになっています。 
>> 管理人プロフィール
>> このブログの人気記事
メールでホームページを作る人のネタ帳を購読





私が個人的に作ったり運営しているサイト
■アイデアノート
■WEB9.0 ホットなWEBサービスを
■ブログ支援【e】パレット(超人気)
■どばっと動画検索 イーチューブ
■ブログネタ収集用『BMF』
■PHPプログラムを作る人のメモ帳
■SEO上級者マニュアル

この日記のはてなブックマーク数

最近のエントリー

タグクラウド

最近のトラックバック

最近のコメント