Freepage List

こういうボタンを、「3Dボタン」といいます。
11月9日の 【3Dボタンを作ってみよう!】
で紹介しました。
そしてこのボタンを作れるソフトも紹介しました。
作ってみたけど、表示の仕方がわからない人のために
表示するためのタグを紹介しておきます。
追伸:このタグは前に紹介しました、「ロールオーバーもどき」のタグの応用です。
「ロールオーバーもどき」は こちら
からどうぞ!
私が作ったボタンは2個の画像で出来ています。
元の画像とマウスが重なった時に表示する画像の2個です。

↑この2個の画像を使って表示しております。
タグを書いて見ますね。
<IMG src=" http://gtone.hp.infoseek.co.jp/img/botan4.png
" border="0" onMouseover=this.src=" http://gtone.hp.infoseek.co.jp/img/botan4-reversed.png
"; onMouseout=this.src=" http://gtone.hp.infoseek.co.jp/img/botan4.png
";>
赤色のURL
が元画像です。
青色のURL
はマウスが元画像に重なった時に切り替わる画像のURLです。
リンクを貼るのはこのタグですね。
<A href="リンクのURL">
<IMG src=" http://gtone.hp.infoseek.co.jp/img/botan4.png
" border="0" onMouseover=this.src=" http://gtone.hp.infoseek.co.jp/img/botan4-reversed.png
"; onMouseout=this.src=" http://gtone.hp.infoseek.co.jp/img/botan4.png
";> </A>
このタグを使えば、こんな事も出来ますね。
この画像と
この画像を使いますと
こんな事も出来ます。↓マウスを当ててクリックしてみて下さい。
どうでしょうか!みなさんもやってみて下さいませ。
では!ε=ε=ε=(┌ ̄)┘ダッシュ!
日記の飾り付け【プチ講座メニュー】は こちら
から!