JavaScript、CSS、DHTMLを生かす手法とアイデア

工夫とセンスで魅せるサイトをつくる！
すぐに使える！　すぐに役立つ！
JavaScript、CSS、DHTMLを生かす手法とアイデア

サンプルデータダウンロード
本特集で解説している記事のサンプルデータの閲覧とダウンロードができます。
記事をよりよく理解するための参考用としてご覧ください。

■　注　意　■

本ページのデータはすべて記事をよりよく理解するための参考用です。データの著作権はすべて各制作者にあります。許可なく譲渡、販売または営利目的で使用することを禁止します。

Chapter 3
すぐに使える実践テクニック

JavaScript 01　スタッフロール風にメッセージをスクロールさせる
● サンプルを見る
 ▼ データをダウンロード
制作：益子貴寛　e-mail.webmaster@cybergarden.net　url.www.cybergarden.net/

JavaScript 02　アクセスするたびに変わる背景色
● サンプルを見る
 ▼ データをダウンロード
制作：益子貴寛

JavaScript 03　ユーザーのブラウザとOSでページを振り分ける
▼ データをダウンロード
制作：益子貴寛

JavaScript 04　ユーザーのアクセス時間がフォームに表示される
● サンプルを見る
 ▼ データをダウンロード
制作：益子貴寛

JavaScript 05　ランダムにジャンプ先が変わるリンク
● サンプルを見る
 ▼ データをダウンロード
制作：益子貴寛

CSS 01　模様入りの背景にテーブルを使って文字を読みやすくする
● サンプルを見る
 ▼ データをダウンロード
制作：ぐみ

CSS 02　行ごとに色をかえたカラフルなテーブル
● サンプルを見る
 ▼ データをダウンロード
制作：ぐみ

CSS 03　アイコンの色を変更する簡易ロールオーバー
● サンプルを見る
 ▼ データをダウンロード
制作：ごとうひろこ

CSS 04　CSSが使えるスクロールエリア
● サンプルを見る
 ▼ データをダウンロード
制作：ごとうひろこ

DHTML 01　スクロールに応じて移動するナビゲーション
● サンプルを見る
 ▼ データをダウンロード
制作：繰上敬子((株)アンク)

DHTML 02　クリックでフォルダが表示される折りたたみメニュー
● サンプルを見る
 ▼ データをダウンロード
制作：繰上敬子((株)アンク)

DHTML 03　フォーカス中のフォームをハイライト表示する
● サンプルを見る
 ▼ データをダウンロード
制作：繰上敬子((株)アンク)

DHTML 04　タブクリックでレイヤー表示を切り替える
● サンプルを見る
 ▼ データをダウンロード
制作：繰上敬子((株)アンク)

DHTML 05　全角・半角・未入力を確認する入力フィールド
● サンプルを見る
 ▼ データをダウンロード
制作：繰上敬子((株)アンク)

DHTML 06　ドラッグ操作可能なレイヤーウインドウ
● サンプルを見る
 ▼ データをダウンロード
制作：繰上敬子((株)アンク)