【アッと驚く達人の技】
HTML + JavaScript + CSS 上級テクニック集
このページは上記の本の実際のサンプルコードを掲載しています。説明はありません。説明は本書を参考にしてください。
また、以下のサイトも参考にしてみてください。
【
HTMLタグリファレンス
】
【
スタイルシートリファレンス
】
【
ホームページ例文辞典
】
【
スタイルシート例文辞典
】
【
JavaScript例文辞典
】
【
JavaScriptのTIPS & TRICKSのページ
】
■第一章 画像表示の妙技を極める
ページの右下に背景画像を固定する
ページの右下に画像を固定する
ページの特定位置にメニュー画像を固定する
画像を点滅させる
任意の複数画像を点滅させる
マウスを乗せると別の位置に飛んでしまうボタン
マウスの回りに画像を回転させる
マウスに向かって慣性で画像を移動させる
マウスに向かって慣性で複数画像を移動させる
画像を静かに点滅させる
画像にマウスが乗ったら震わせる
画像にマウスが乗ったら震わせる(複数画像版)
今日の日付を画像で表示する
ページにアクセスされた時間を画像で表示する
現在時刻を画像で表示する
一定時間マウスを動かさないとランダムに画像が消える
画像をY軸回転させる
画像をマウスの回りに3D回転させる
マウスでなぞると本文が表示される
マウスを乗せるとブロックが落下しページ内容が表示される
マウスオーバーで画像を鮮明にする
HTML+TIMEを使って画像の横幅を繰り返し膨張/縮小させる
マウスに合わせて目玉を動かす
■第四章 ページ・フレームの妙技を極める
インラインフレームを半透明で重ねて表示する
複数のフレームURLを同時に入れ替える
複数のインラインフレームのURLを同時に入れ替える
インラインフレームを利用してページデータのプレロードを行う
ページが完全に読み込まれるまでページ内容を表示しない
■第五章 テーブル・ボックスの妙技を極める
全てのテーブルを高速に表示させる
テーブルを半透明にする
マウスが乗ったらテーブルの背景画像を変える
テーブルの奥行きを入れ替える
クリックで表示するテーブルを切り替える
クリックで表示するテーブルをスクロールさせて切り替える
クリックで表示するテーブルをスライドさせて切り替える
テーブルを波打つようにする
マウスが乗ったら波打つのをやめるようにする
特定のセル上にマウスが乗ったらセルの背景色を変える
マウス位置でテーブルをクリッピングする
マウスオーバー/アウトでテーブルをフェードイン/アウトさせる
テーブルの行をリアルタイムに追加する
テーブルに光源効果を適用する(点光源)
テーブルに光源効果を適用する(スポットライト)
HTML+TIME2でテーブルの背景色を変化させる
■第七章 ブラウザ環境の制御を極める
ブラウザ名とバージョンを表示する
ExplorerとNetscapeで別々のページにジャンプさせる
ExplorerとNetscapeで動作を分ける(クリックでそれぞれ別ページへジャンプ)
WinとMacで別々のページにジャンプさせる
■その他
テキストフィールドに影を付ける
マウスが乗ったらセレクトメニューに色を付ける