Unityでスクリプトでオブジェクトを左右・上下反転させる方法/SpriteRendererの使い方

Excel（エクセル）で数値1,2,3..に対して指定した値を返す方法/Choose関数の使い方

Excelエクセルで重複していないデータだけを抽出する方法/並べ替えとフィルタ（重複するレコード）の使い方

Excel（エクセル）で土日・祝日に色を付ける方法（自動判定・手動）

ExcelVBA（マクロ）でデータを昇順・降順に並び変える方法/Sortメソッド・Sortオブジェクトの使い方

Excel VBA（マクロ）で表の端、新規入力行を取得・選択する方法/Endプロパティの使い方

Excelエクセルで文字列を全角文字・半角文字に変換する方法/Jis・Asc関数の使い方

ExcelVBA（マクロ）で指定した回数同じ処理を繰り返す方法/For next文の使い方

Unity C#で目的地を指定してオブジェクトを上下左右にルート通り動かす方法

Chat GPT Plusで画像生成する方法/DALL-E3の使い方

Excel（エクセル）で指定範囲の積を求める・掛け算する方法/Product関数の使い方

Excel（エクセル）とマクロ編集画面（VBE）を切り替える方法

Excel（エクセル）で背景に縦縞・ドットなど模様を設定する方法/パターンの種類の使い方

pythonでファイルを作成する、開く、閉じる方法/open関数、close関数の使い方

Illustrator（イラレ）で画像を取り込み、オブジェクトに変換する方法/配置、画像トレースの使い方と精度のちがい

Excel（エクセル）で上付き文字、下付き文字を設定する方法/セルの書式設定（フォント）の使い方

仮想通貨用語：ファンディングレート（FR）とは

Excel（エクセル）で時・分・秒から時刻を求める方法/Time関数の使い方

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関連のまとめページです。勉強しながらちょっとずつ増やしていく所存です。

コメント