アメブロのフリースペースにメニュー

アメブロのフリースペースにオンマウスで画像が変わるメニューを作りたいのです。


http://ameblo.jp/pigg-rules/

↑ここ↑の左上の方にあるようなメニューです。
「はじめに」、「ピグのマナー」、「ピグのルール」等々・・・・・・です。

普通にこんな感じで記述すると、使用できない語句を含んでいるとかで表示されません。

<img src="menu1.png" border="0" onMouseOver="this .src='menu2.png'" onMouseOut="this .src='menu1.png'">

どうしたらいいのか教えて下さい。

No.1 回答者： susy-xx 回答日時： 2011/01/07 01:59

画像はサーバーに上げて絶対URLで呼び出さないとだめなような気がしますが。

リンク先は公式ページなので参考にしても仕方ないと思います。

リストタグを使ってはどうですか。

<UL>
<LI><A href="http://abc.com/">qwerty</A>
<LI><A href="http://123.jp/">uiop</A>
<LI><A href="http://cde.com/">asdfg</A>
<LI><A href="http://456.jp/">hjkl</A>
</UL>