人気ブログランキング |

exblogでロールオーバー

exblog某所で、うっかり、「カーソルでさわると絵が変わるタグとか、紹介します」とカキコして。

書いたあとで、自ブログでテストする。(←書く前にしろ>自分)

タグは、こんな感じ。ブラウザの「戻る」で戻ってきてくださいw

exblogの投稿窓に入力、「送信」したとたん
「onMouseover=はセキュリティー上使用できません」
で、ケられる。  orz

exblogじゃ、使えない! ダメじゃん!!

で。少し、いぢになりました。↓いちお、、「カーソルでさわると画像が変わる」ふう。
Click!






じつは、本文のタグじゃなくて、CSSのなかに仕込んでます。

a.img-a{
display:block;
margin:0;
text-decoration: none;
background-repeat:no-repeat;
width:205px;
font-family:'times new roman';
font-weight:bold;
}
a.img-a:link{ background-image :
url(http://homepage3.nifty.com/gaia/sozai/c0.jpg);}
a.img-a:visited{ background-image :
url(http://homepage3.nifty.com/gaia/sozai/c0.jpg);}
a.img-a:hover{ background-image :
url(http://homepage3.nifty.com/gaia/sozai/c2.jpg);}
a.img-a:active{ background-image :
url(http://homepage3.nifty.com/gaia/sozai/c2.jpg);}

この指定を、<a class="img-a" href="…">Click!</a>で呼び出しているわけです。

display:block;指定してるので、表示の上では、「1行とる」感じ。
自分でいうのもなんだが、かなり邪道。


2007/9/1追記
順番が違いました。
link, visited, active, hover
ではなくて、
link, visited, hover, active
が正しいようです。


あと、常識だと思って</a>を書き漏らしていたので、追加しました。

……これで、、どうでしょう???

正直、どういうトラブルが出ているのか把握しきれていないのですが。。。


2008/10/12
別解があるみたい。あとでじっくり調べる、かも。
http://bucmac.exblog.jp/4301974/
タグ: