名付けて、マウスオン＆アウト＆クリック

下の写真を見ると｛な～んだこうなっているのか｝と直ぐに分かったことでしょう。 クリックチェンジのタグ＜a href="①">＜IMG SRC="★" border="0">＜/a> マウスオン＆オウトのタグ＜IMG SRC="②"onmouseover="this.src='③'"onmouseout="this.src='②'"> クリックチェンジのIMG SRC="★"にマウスオン＆オウトのタグを入れると下のような写真の１／４のタグになります。 ＜a href="①">＜IMG SRC="②"onmouseover="this.src='③'"onmouseout="this.src='②'" border="0">＜/a> 　　*全角の・＜・は、半角の・<・に変えてください。 上のタグをコピーして２回貼付でを並べ、次は改行して２回貼付で並べます。前の記事のランタナ全体の写真になります。写真は、１２枚用意してね。 マウスオン＆アウト＆クリックしてね。 ②と③は、同じサイズにすること。 （マウスオーバーの写真③を、大きくしたらどうなるかは、自分で実験してみてね。） ①の写真は、クリックしたら現れる前向きの犬の写真 写真のサイズは、大きくしてアップロードするとおもしろいよ。 ②の写真は、ランタナの（左上）です。もとの写真を５２０にリサイズします。写真の真ん中で２６０に切り取ってアップロード（１／４ずつに切り取るのです。）＊座標切り取りをするとバッチリです。 ③の写真のアゲハ蝶は、２６０にリサイズしてアップロード タグを書いてみました。 ＜a href="①">＜IMG SRC="②"onmouseover="this.src='③'"onmouseout="this.src='②'" border="0">＜/a> ＜a href="④">＜IMG SRC="⑤"onmouseover="this.src='⑥'"onmouseout="this.src='⑤'" border="0">＜/a> ＜a href="⑦">＜IMG SRC="⑧"onmouseover="this.src='⑨'"onmouseout="this.src='⑧'" border="0">＜/a> ＜a href="⑩">＜IMG SRC="⑪"onmouseover="this.src='⑫'"onmouseout="this.src='⑪'" border="0">＜/a> 全角の・＜・は、半角の・<・に変えてください。すべて改行しているように見えますが、黒・赤を並べて、改行して緑・青と並べます。