▽とらねこアイコン WIDTH=32 HEIGHT=32 PNG透過 アニメーション作品はGIF
黒背景 白背景
▽ 飛びかかり3秒前(neci17a.png & neci18a.png) マウスを乗せると画像が変わるJavaScript
設置方法(要 簡単なHTML知識)
１・以下のJavaScriptをHTMLの<HEAD>〜</HEAD>内に貼り付けて、
<SCRIPT Type="text/javascript">
function furi(obj,img){
obj.src=img;
}
</SCRIPT>
|
２・次をHTMLの画像を表示したい部分に貼り付けて下さい。
☆適宜画像URLは変更して下さい。
<IMG SRC="neci17a.png" onMouseOver="furi(this,'neci18a.png');" onMouseOut="furi(this,'neci17a.png');"> |
☆ 同ページ内に複数個設置する場合は１は1回貼り付ければOKです
▽ 更に(neci01a.png & neci02a.png & neci03a.png & neci04a.png)
|
このような
つかいかたも
もちろんできます。
|
設置方法(要 簡単なHTML知識)
１・上記の１に同じ。(ひとつ貼り付ければOK)
２・HTMLの画像を表示したい部分に貼り付けます
☆色付きの部分(+表示文章)は適宜変更して下さい。
ピンク：元に表示している画像
みどり：置き換わる画像
みずいろ：クリックした時にジャンプするURL
<BR> <A href="xxxx/xxxx.htm" onMouseOver="furi(neco1,'neci02a.png');" onMouseOut="furi(neco1,'neci01a.png');"> <IMG SRC="neci01a.png" name="neco1" border=0> もちろんここも</A> <BR> <A href="yyyy/yyyy.htm" onMouseOver="furi(neco2,'neci03a.png');" onMouseOut="furi(neco2,'neci01a.png');"> <IMG SRC="neci01a.png"name="neco2" border=0> 書き換えて</A> <BR> <A href="zzzz/zzzz.htm" onMouseOver="furi(neco3,'neci04a.png');" onMouseOut="furi(neco3,'neci01a.png');"> <IMG SRC="neci01a.png" name="neco3" border=0> 使って下さい。</A> |
|
関連素材
・Text/ねこ ・Digits/ねこ |