かわいいＢ	和風Ｂ	シンプルＢ	絵文字Ｂ	マジックＢ
装飾文字Ｂ	テーブルＢ	立体テーブルＢ	シンプルテーブルＢ	透過Ｂ

マウスをのせるとメニュー文字が見えるマジックボタン１

マジックボタン１

<table border="1" cellspacing="0" cellpadding="2" width="140" height="20"> <tr><td bordercolor="#45607a" bgcolor="#004a95" align="center" onmouseover="this.style.background='#80bfff'" onmouseout="this.style.background='#004a95'"> <a href="ページURL" style="color:#004a95;text-decoration:none;font-size:15px;width:100%;"> ボタンの文字</a> </td></tr></table>


マウスをのせるとメニュー文字が見えるマジックボタン２

マジックボタン２

<table border="1" cellspacing="0" cellpadding="2" width="140" height="20"> <tr><td bordercolor="#ff0080" bgcolor="#ff0080" align="center" onmouseover="this.style.background='#ffbfff'" onmouseout="this.style.background='#ff0080'"> <a href="ページURL" style="color:#ff0080;text-decoration:none;font-size:15px;width:100%;"> ボタンの文字</a> </td></tr></table>


マウスをのせるとメニュー文字が見えるマジックボタン３

マジックボタン３

<table border="1" cellspacing="0" cellpadding="2" width="140" height="20"> <tr><td bordercolor="#009500" bgcolor="#009500" align="center" onmouseover="this.style.background='#bfffbf'" onmouseout="this.style.background='#009500'"> <a href="ページURL" style="color:#009500;text-decoration:none;font-size:15px;width:100%;"> ボタンの文字</a> </td></tr></table>


マウスをのせるとメニュー文字が見えるマジックボタン４

マジックボタン４

<table border="1" cellspacing="0" cellpadding="2" width="140" height="20"> <tr><td bordercolor="#ff6600" bgcolor="#ff6600" align="center" onmouseover="this.style.background='#ffff80'" onmouseout="this.style.background='#ff6600'"> <a href="ページURL" style="color:#ff6600;text-decoration:none;font-size:15px;width:100%;"> ボタンの文字</a> </td></tr></table>


マウスをのせるとメニュー文字が見えるマジックボタン５

マジックボタン５

<table border="1" cellspacing="0" cellpadding="2" width="140" height="20"> <tr><td bordercolor="#7f7f7f" bgcolor="#7f7f7f" align="center" onmouseover="this.style.background='#dfdfdf'" onmouseout="this.style.background='#7f7f7f'"> <a href="ページURL" style="color:#7f7f7f;text-decoration:none;font-size:15px;width:100%;"> ボタンの文字</a> </td></tr></table>







マウスで触るだけでページを移動するマジックボタン１

マジックボタン１

<table border="1" cellspacing="0" cellpadding="2" width="140" height="20""> <tr><td bordercolor="#45607a" bgcolor="#ccccff" align="center"> <span onmouseover="location.href='移動するページURL'" style="color:#004a95;text-decoration:none;font-size:15px;width:100%;"> ボタンの文字</span> </td></tr></table>


マウスで触るだけでページを移動するマジックボタン２

マジックボタン２

<table border="1" cellspacing="0" cellpadding="2" width="140" height="20"> <tr><td bordercolor="#45607a" bgcolor="#ffbfff" align="center"> <span onmouseover="location.href='移動するページURL'" style="color:#ff00ff;text-decoration:none;font-size:15px;width:100%;"> ボタンの文字</span> </td></tr></table>


マウスで触るだけでページを移動するマジックボタン３

マジックボタン３

<table border="1" cellspacing="0" cellpadding="2" width="140" height="20"> <tr><td bordercolor="#45607a" bgcolor="#bfffbf" align="center"> <span onmouseover="location.href='移動するページURL'" style="color:#009500;text-decoration:none;font-size:15px;width:100%;"> ボタンの文字</span> </td></tr></table>


マウスで触るだけでページを移動するマジックボタン４

マジックボタン４

<table border="1" cellspacing="0" cellpadding="2" width="140" height="20"> <tr><td bordercolor="#45607a" bgcolor="#ffff80" align="center"> <span onmouseover="location.href='移動するページURL'" style="color:#959500;text-decoration:none;font-size:15px;width:100%;"> ボタンの文字</span> </td></tr></table>


マウスで触るだけでページを移動するマジックボタン５

マジックボタン５

<table border="1" cellspacing="0" cellpadding="2" width="140" height="20"> <tr><td bordercolor="#45607a" bgcolor="#c9c9c9" align="center"> <span onmouseover="location.href='移動するページURL'" style="color:#4a4a4a;text-decoration:none;font-size:15px;width:100%;"> ボタンの文字</span> </td></tr></table>







見えているときにだけクリックできるマジックボタン１

マジックボタン１

<marquee scrollamount="50" width="300" direction="left" truespeed> <table border="1" cellspacing="0" cellpadding="2" width="140" height="20"> <tr><td bordercolor="#45607a" bgcolor="#ccccff" align=center onmouseover="this.style.background='#ffffff'" onmouseout="this.style.background='#ccccff'"> <a href="ページURL" style="color:#004a95;text-decoration:none;font-size:15px;width:100%;"> ボタンの文字</a> </td></tr></table></marquee>


見えているときにだけクリックできるマジックボタン２

マジックボタン２

<marquee scrollamount="50" width="300" direction="left" truespeed> <table border="1" cellspacing="0" cellpadding="2" width="140" height="20"> <tr><td bordercolor="#45607a" bgcolor="#ffbfff" align=center onmouseover="this.style.background='#ffffff'" onmouseout="this.style.background='#ffbfff'"> <a href="ページURL" style="color:#ff00ff;text-decoration:none;font-size:15px;width:100%;"> ボタンの文字</a> </td></tr></table></marquee>


見えているときにだけクリックできるマジックボタン３

マジックボタン３

<marquee scrollamount="50" width="300" direction="left" truespeed> <table border="1" cellspacing="0" cellpadding="2" width="140" height="20"> <tr><td bordercolor="#45607a" bgcolor="#bfffbf" align=center onmouseover="this.style.background='#ffffff'" onmouseout="this.style.background='#bfffbf'"> <a href="ページURL" style="color:#009500;text-decoration:none;font-size:15px;width:100%;"> ボタンの文字</a> </td></tr></table></marquee>


見えているときにだけクリックできるマジックボタン４

マジックボタン４

<marquee scrollamount="50" width="300" direction="left" truespeed> <table border="1" cellspacing="0" cellpadding="2" width="140" height="20"> <tr><td bordercolor="#45607a" bgcolor="#ffff80" align=center onmouseover="this.style.background='#ffffff'" onmouseout="this.style.background='#ffff80'"> <a href="ページURL" style="color:#959500;text-decoration:none;font-size:15px;width:100%;"> ボタンの文字</a> </td></tr></table></marquee>


見えているときにだけクリックできるマジックボタン５

マジックボタン５

<marquee scrollamount="50" width="300" direction="left" truespeed> <table border="1" cellspacing="0" cellpadding="2" width="140" height="20"> <tr><td bordercolor="#45607a" bgcolor="#c9c9c9" align=center onmouseover="this.style.background='#ffffff'" onmouseout="this.style.background='#c9c9c9'"> <a href="ページURL" style="color:#4a4a4a;text-decoration:none;font-size:15px;width:100%;"> ボタンの文字</a> </td></tr></table></marquee>

ホームページに広告張るなら	A8.net
有料ホームページ始めるなら	ロリポップ！
無料ＣＧＩ色々	ACR WEB