verdana https://blog.hatena.ne.jp/verdana/ accelerate utilities https://accelerate.hateblo.jp/ html JavaScript JavaScriptのonMouseOver属性を使用してhtmlソース内に記述した画像の表示を、マウスオーバーのときに違う画像を表示させることができる。 <img src="画像パス1" alt="" onMouseOver="this.src='画像パス1'" onMouseOut="this.src='画像パス2'"> このように指定することで、普通に表示されているときは画像1が表示され、その画像にマウスオーバーさせると画像2に切り替わる。JavaScriptでの指定は幅広くhtmlに組み込めるので面白い。 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Faccelerate.hateblo.jp%2Fentry%2F20090704%2F1246806745" title="imgタグ画像をJavaScriptのonMouseOverで表示切り替え - accelerate utilities" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2009-07-04 00:12:25 rich https://accelerate.hateblo.jp/entry/20090704/1246806745 1.0 100%