1. JavaScriptサンプル集
- スライダー
- マウスでドラッグできるスライダー
- フォント色、背景色の遷移効果サンプル
- 1pxで1ずつ値が増減するスライダーです。
- 透明度の遷移効果
- 画面効果のサンプルです。
- 展開する(伸びる)ブロック
- 画面効果のサンプルです。
- 擬似ウィンドウ
- 移動できるウィンドウ風の要素です
- カラーピッカー
- カラーチャートのパレットから、色選択ができるテーブルのサンプルです。
- HTMLの要素をJavaScriptのDOM要素生成ソースへ変換
- クリックした要素をJSの生成スクリプトへ変換し、それをeval()してappendChild()するサンプル。
- スライドするページ
- マウスのロールオーバーでページが切り替わるサンプルです。
- 検索クエリの結果をハイライトする
- Google, Yahooの検索からページを表示した場合に、検索ワードをハイライトして表示するスクリプトです。
- 列・行のドラッグによる入れ替え、ソート、セルの編集が可能な表
- 表に対する操作サンプルをまとめてみました。ばらばらにつくられているので、連携コストが高いです。
- 入力フィールドに入力規則ツールチップを表示する
- inputタグなどの入力フィールドに入力規則(文字長や文字種、正規表現による規則)の妥当チェックを表示します。
- ドラッグして移動できるメニューウィンドウ
- タイトルバーをドラッグして移動できるメニューリスト表示の擬似ウィンドウです。