Naninovel（Unity）でキャラクターの向きを変える方法

Excel（エクセル）で文章をページのサイズに合わせて縮小して印刷する方法

Excel（エクセル）でふたつのデータの相関関係を求める方法/Correl関数の使い方

Excel VBA（マクロ）でシートにオートフィルターが設定されているか調べる方法/AutoFilterModeプロパティの使い方

Excelエクセルでテーブルの名前を変更する方法/テーブル名の使い方

Power Automate Desktop：フローをクリア、アクションを全削除する方法

Power Automate Desktopでウィンドウ内のテキストフィールドに入力する方法

Power Automate Desktopでファイルの削除を行う方法

Photoshop7.0で文字や絵を縁取り加工・編集する・光らせる方法/レイヤースタイル（境界線）の使い方

Excel（エクセル）で-（ハイフン）を入れても日付に変換しないようにする方法/アポストロフィ、セルの書式設定の使い方

ExcelVBA（マクロ）でふりがなを表示する・消す方法/Phonetics.Visibleプロパティの使い方

Power Automate Desktopでマウスを画像に自動的に移動・クリックする方法

PowerAutomateDesktopでウィンドウの表示方法（表示・非表示）を設定する方法

Excel VBA（マクロ）で図形の線を引く方法/AddLineメソッドの使い方

CSSで見出しに背景画像をレイアウトするいくつかのやり方/background-repeat、position、sizeの使い方

Excel（エクセル）で方向キーを押すと選択範囲が広がる場合の対処/「選択範囲の拡張」の解除方法

Pythonでループ処理の途中で繰り返しの先頭に戻す方法/continueの使い方

Power Automate Desktopで二つのリストの重複項目を取得する方法/「共通リスト項目の検索」の使い方

htmlで要素にマウスが乗った時・離れた時に変更を加える方法/onmouseover・onmouseoutプロパティの使い方

IT

2019.03.30

今これを使っているWebサイトはほぼないでしょうが、htmlでもこういう動的なことができるんだなあ、という発見があったので書いておきます。非推奨技術です。

onmouseoverの使い方

使い方としてはidとかclassとかと同じように、htmlの中で指定します。

マウスが乗った時の変化を指定
onmouseover = “変化内容”
マウスが離れた時の変化を指定
onmouseout = “変化内容”

実際に作ると、こんな感じのものになります。

Hover me!

<span onmouseover = "this.style.fontStyle='italic'" onmouseout = "this.style.fontStyle=''">Hover me!</span>

いつまでこのコードがちゃんと動くかは怪しいものですが、2019年のGoogle Chromeではちゃんと動いてます。リンクとかにしれっと仕込むには手軽でいいかもしれないですね。

HTMLの便利な使い方・タグ逆引きリファレンス

ウェブページ作成言語として常に熱い需要を持つHTML関連のまとめページです。勉強しながらちょっとずつ増やしていく所存です。

コメント