- 文字色･背景色を部分的に変更する
- マウスカーソルがのると色が変わるテキスト
- 文字を出したり消したりする(displayプロパティを使う)
- だんだん大きくなる文字
- カーソルの形を変える
- 文字色をランダムに変える
- 要素に文字を追加するinsertAdjacentText(where,text)メソッド
- 文字を出したり消したりする(visibilityプロパティを使う)
- 覚え書き:CSSのダッシュ付きプロパティ参照時の注意点
- インラインフレーム内の文字を変える
- クラス名を変えてスタイルを変化させる
- 印刷時の改ページ指定
- ページ中のタグを調べる
- ボタンのフォントを切り替える
- innerTextとinnerHTMLプロパティ
- innerText、innerHTML、outerText、outerHTMLは何がちがう
- insertAdjacentText、insertAdjacentHTMLメソッド
- 覚え書き：フィルターを設定できる要素
- フィルターのサンプル(大雑把)
- フィルター：alpha
- フィルター：blur
- フィルター：chroma
- フィルター：dropshadow
- フィルター：flipH&flipV
- フィルター：glow
- フィルター：gray&invert
- フィルター：mask
- フィルター：shadow
- フィルター：wave
- フィルター：xray
- revealTransサンプル
- glowフィルターのスクリプト
- shadowフィルターのスクリプトサンプル
- 実用：IE4.0用フィルター時計(IE4.0以外にも対応)
- 文字を大きく/小さくする(表示する文字を切り替える)
- フィルター文字列(Filter String)
- フィルターオブジェクトのenabledプロパティ
- blendTransフィルターのサンプル
- dhtml_ie0038.htmlのrevealTrans版
- ページをロード/アンロードするときスライドのように切り替える
- メッセージを切り替えるrevealTransフィルターの例
- lightフィルターの実験1
- 閉じる/開くメニュー
- Data Binding Sample1
- Data Binding Sample2
- Data Binding Sample3
- Data Binding Sample4
- Data Binding Sample5
- Data Binding Sample6
- Data Binding Sample7
- Data Binding Sample8
- Data Binding Sample9
- Data Binding Sample10
- Data Binding Sample11
- Data Binding Sample12
- Data Binding Sample13
- Data Binding Sample(ソート)
- Data Binding Sample(フィルター:絞込)
- Events Bubblingとは何か？
- Events Bubblingの具体例
- Events Bubblingを停止する
- 同名のIDを指定するとitemで参照できる1
- 同名のIDを指定するとitemで参照できる2
- 新しいコレクションを作るtagsメソッド
- ソース中でのタグの位置を調べるsourceIndexプロパティ
- offsetHeight、offsetWidth、offsetLeft、offsetTop
- ドラッグでSPANの位置を動かす
- 透明時計
- Webdingsフォント入力フォーム
- waveフィルターを使ったアニメーション
- ダイナミックなメニュー(その1)
- DYNAMIC IMAGE VIEWER
- ボタンをビューンと出す/消す
- データバインドによる全国7桁郵便番号検索(試作)
- onmousemoveで現在のマウスカーソル位置を調べる1
- onmousemoveで現在のマウスカーソル位置を調べる2
- ウィンドウのクリックでメニューを出す/消す
- ウィンドウのクリックで背景色変更メニューを出す/消す(ちょっと応用)
- ウィンドウのクリックで背景色変更メニューを出す/消す(さらに応用)
- スクリーンの情報
- 注意：CLASSで指定した場合はobject.style.〜で参照できない？
- span領域を動かす
- 背景色変更カラーバー
- 画像をドラッグで動かす1
- ダイナミックなメニュー(その2)
- ダイナミックなメニュー(その3)
- ポップアップヘルプ
- ダイナミックなメニュー(その4)
- ダイナミックなメニュー(その5)
- イベント連結方法1(要素を介した連結：マウス位置表示を例に)
- イベント連結方法2(SCRIPT...FORメソッドによる連結：マウス位置表示を例に)
- イベント連結方法3(VBScriptの特殊構文による連結：マウス位置表示を例に)
- window.event.keyCodeプロパティを表示する
- ダイナミックなメニュー(その6)
- 覚書：HRの高さは100pxより高くはできない
- clipプロパティに関する覚書
- 覚書1：overflowプロパティ(文字に対して)
- 覚書2：overflowプロパティ(画像に対して)
- ダイナミックなメニュー(その7)
- スクリプトでclipを変化させる1(上下一方方向)
- スクリプトでclipを変化させる2(上下交互)
- スクリプトでclipを変化させる3(左右交互)
- スクリプトでclipを変化させる4(上下と左右の組み合わせ)
- 実用：IE4.0用フィルター時計2(IE4.0以外にも対応)
- カラフル文字アニメーション
- ゲーム
- 文字を原稿用紙風のマス目に書き出す原型
- selectオブジェクトのvalueやtextプロパティに参照する方法の実験
- 文字ブリンクのシンプルな例
- 文字ブリンクのシンプルな応用
- 文字ブリンクのシンプルな例(zIndexプロパティを利用)
- 文字ブリンクのシンプルな例(サンプル111と99％同じ)
- オブジェクトの位置指定に関する覚書(topとpixelTopとposTopのちがい)
- pixelTopとpixelLeftを変化させて簡単な文字アニメーション
- pixelLeftを変化させて簡単な文字アニメーション
- pixelLeftを変化させて簡単な文字アニメーション(SPANを使って)
- サイズを変えてもウィンドウ右下にメッセージ表示(サンプル66と関連)
- alphaフィルターのスクリプト操作の実験1(BODYに対して)
- alphaフィルターのスクリプト操作の実験1(DIVに対して)
- オブジェクトをドラッグで動かす実験
- サンプル120をもとにした付箋機能の原型
- サンプル121に文字入力機能を加えた付箋の原型
- ダイナミックなメニュー(その8)
- ダイナミックなメニュー(その9:サンプル123のalphaフィルターのstyleパラメータを変える)
- ダイナミックなメニュー(その10:ダイレクトアニメーションを飾りで使った)
- ダイナミックなメニュー(その11)
- 覚書:overflowプロパティ(文字に対して)
- 覚書:overflowプロパティ(画像に対して)
- IE4でprompt()メソッドの返値が2バイト文字の場合の動き
- clipを変えて色を変えるアニメーションの例
- サンプル130の背景色と文字色を変え、表示文字を変えられるように変更
- サンプル131の背景色と文字色をランダムに変える(ランダムな色の16進数表記を返す汎用関数がポイント)
- Webdingsフォントを使ったアニメーション1
- Webdingsフォントを使ったアニメーション2
- メッセージスクロールの一種(真面目にやればもっと面白いのできる)
- 付箋時計PART1(先頭部分のドラッグで移動できるバージョン)
- Cursor Changer
- 連作:ページクリックで開くメニューの原型1
- 連作:ページクリックで開くメニューの原型2
- 連作:ページクリックで開くメニューの原型3
- 連作:ページクリックで開くメニューの原型4
- マウスカーソルの周囲を回る？マーク
- ダイナミック･プロパティ(ページサイズによって文字サイズを変える)--まずはここから
- ダイナミック･プロパティ(ちょっと応用)
- フィルター時計でダイナミック･プロパティを使ってみた
- インクリメントを使った要素のドラッグ
- DHTML FOR IE4のサンプル120がIE5で動作しない原因と対策
- DHTML FOR IE4のサンプル121がIE5で動かなかったのを修正
- DHTML FOR IE4のサンプル122がIE5で動かなかったのを修正
- サンプル136の付箋時計がIE5で動かなかったのを修正
- <RUBY>タグに関する覚え書き
- ルビの表示/非表示を切り替える
- マルチCSSクラス(Multi-CSS Classes)(IE5 Later)
- 右クリックをつかまえるoncontextmenuイベント(IE5 Later)
- ページ要素をウィンドウ上端/下端にスクロールするscrollIntoView()メソッド
- 指定したページを"お気に入り"に追加する
- 右クリックでメニュー、+Ctrlだと通常メニュー
- Behaviorsの基本〜その1(hilite.htc使用)
- Behaviorsの基本〜その2(htc5_0017.htc使用)
- Behaviorsの基本〜その3：スクリプトによるBehaviorの追加/削除(htc5_0018.htc使用)
- Behaviorsの基本〜その4：スクリプトによるBehaviorの追加/削除(htc5_0018.htc使用)
- Behaviorsの基本〜その5：スクリプトによるBehaviorの追加/削除(3トグル)
- リクエスト:メニュー中に画像1
- リクエスト:メニュー中に画像2
- リクエスト:[Enter]キーでテキストフィールドを切り替える1
- リクエスト:[Enter]キーでテキストフィールドを切り替える2
- リクエスト:[Enter]キーでテキストフィールドを切り替える3
- リクエスト:[Enter]キーでテキストフィールドを切り替える4
- リクエスト:データバインドで浮動小数点が.0のとき小数点以下が表示されない
- リクエスト:データバインドで浮動小数点が.0のとき小数点以下が表示されない(対策)
- リクエスト:2つのサンプルを合体させたい
- インクリメントを使って要素の幅と高さを変える
- Ctrl、Shiftキーが押されているかどうか調べる
- Ctrl、Shiftキーが押されているかどうか調べる(ちょっと工夫)
- マウスカーソルの先にクモ(それだけ)
- マウスカーソルの先にクモ(mousedownでクモを赤)
- リクエスト:データソースの画像ファイル名を使って画像を表示する(データバインド)
- このWebdingsフォント文字はどうやって表示したらいいか1
- このWebdingsフォント文字はどうやって表示したらいいか2
- Webdingsフォントを使ったアニメーション3
- Webdings font Generator
- サンプル33のIE5用修正
- Webdingsフォントとblurフィルターを使ったアニメーション
- 連作1:clientWidthとclientHeightプロパティ1
- 連作2:clientWidthとclientHeightプロパティ2
- 連作3:scrollTopとscrollLeftプロパティ1
- 連作4:scrollTopとscrollLeftプロパティ2
- 連作5:つねにオブジェクトを右下に配置(完成1)
- 連作6:つねにオブジェクトを右下に配置(完成2)
- サンプル188/189の応用
- リサイズしても均等幅になるバー
- リサイズしても均等幅になるバー＋背景色変更のスクリプト
- 画面下部に配置される色変更バー(オン/オフ可)
- 画面四隅を順番に移動するオブジェクト
- 星空1
- 星空2
- Web部品1
- Web部品2
- Web部品とIFRAMEを使ったテスト
- Web部品3(最小化機能追加)
- カラーチャートたたき台
- カラーパレット
- "#RRGGBB"表記を10進数に変換する汎用関数(Shadowフィルターの影の色)
- リクエスト:ウィンドウをフルスクリーンにする
- リクエスト:画像にマウスを合わせたら横に文字を出す
- 覚書：スタイルシートでwidth:100%を指定してもあまりが出る
- 覚書：スタイルシートでwidth:100%を指定してもあまりが出る(解決編)
- マーキーのスタート/ストップをコントロールする
- ページの背景にマーキー文字を表示
- 覚書：ツールチップを表示するTITLE属性
- TITLE属性で表示するツールチップの文字に改行を入れる
- ツールチップを切り替える
- 覚書:ACCESSKEY属性
- 覚書:HOVER
- ドキュメントからマウスカーソルを外したら背景色を変える
- 連作1：十字カーソル
- 連作2：十字カーソル
- 連作3：十字カーソル(右クリックでカーソル停止/再開:IE5のみ)
- HTML+TIMEって何
- ダイナミックなメニュー(その12)
- ダイナミックなメニュー(その13:リンクにマウスカーソルを合わせると十字カーソルの色を変える)
- ダイナミックなメニュー(その14:連作)
- ダイナミックなメニュー(その15:連作)
- 円を描画する汎用関数デモ
- リクエスト:文字を大きく/小さくする1
- リクエスト:文字を大きく/小さくする2
- リクエスト:サンプル105番の文字色をページ読込時にランダム設定する
- リクエスト:サンプル105番の文字色をページ読込時にランダム設定する(おまけ:背景色変更バージョン)
- リクエスト:画像などの読込中にメッセージを出す
2004年06月22日
|
|