CSSを使って 画像にマウスを乗せるとかわるやり方。
HTMLを使ったやり方は、
1月13日の記事HTMLは、これだけ (annaiは、ID名)
<span id="
annai"><a href="goannai/index.html" target="_parent"></a></span>
CSSで 背景を指定します。
#annai a:link{
background-image:url('botan/annai_1.jpg');
width:190px;
height:30px;
margin-left:3px;
}
#annai a:hover{
background-image:url('botan/annai_2.jpg');
width:190px;
height:30px;
margin-left:3px;
}
#annai a:visited{
background-image:url('botan/annai_2.jpg');
width:190px;
height:30px;
margin-left:3px;
}
『 a:link 』 は、リンクが張ってあるもの
『 a:hover 』 は、マウスをのせた時リンク
『 a:visited 』 は、訪れたことのあるリンク
url は、画像のアドレス。
マウスをのせる前の画像
http://87sounin.jp/botan/annai_1.jpgマウスをのせた時の画像
http://87sounin.jp/botan/annai_2.jpgでもこれだと、訪れたことのあるリンクは、ずっとチューリップが咲いた画像になってしまうんだけど・・・・
花創人Webページの
の部分だけ CSSで変わるようにしてあります。
やっぱり、HTMLで変わるように直そうと思います。
花創人Webページはこちらから
ランキング参加してます♪よろしくお願いします