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/
書いたあとで、自ブログでテストする。(←書く前にしろ>自分)
タグは、こんな感じ。ブラウザの「戻る」で戻ってきてください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/
by as-o2
| 2006-01-19 12:57
| eXciteBlog-HowTo