| 戻る・進む・更新をボタンで実行 |
| 表示の例 |
|
|
| ブラウザの [戻る] [進む] [更新] と同じ動作をします。 |
|
|
|
|
|
|
| 上のボタンのソースは下のようになります。 |
| 表示させたい場所のHTMLソースに貼り付けましょう。 |
| （必ず一度メモ帳などに貼り付けてから、あなたのページのHTMLソースに貼り付けてください） |
|
|
| [戻る] の場合 |
| ソース |
| <FORM><INPUT type="button" value="戻る" onClick="history.go(-1)" style="border-style:solid; border-width:1px; border-color:#3366FF; background:#FFFFFF; font-size:10pt; color:#3366FF"></FORM> |
|
|
| [進む] の場合 |
| ソース |
| <FORM><INPUT type="button" value="進む" onClick="history.go(1)" style="border-style:solid; border-width:1px; border-color:#3366FF; background:#FFFFFF; font-size:10pt; color:#3366FF"></FORM> |
|
|
| [更新] の場合 |
| ソース |
| <FORM><INPUT type="button" value="更新" onClick="history.go(0)" style="border-style:solid; border-width:1px; border-color:#3366FF; background:#FFFFFF; font-size:10pt; color:#3366FF"></FORM> |
|
|
| 下の表を見てあなたのお好みにかえてみましょう。 |
| ボタンの外枠の太さ |
border-width:1px; の 1 |
| ボタンの外枠の色 |
border-color:#3366FF; の #3366FF |
| ボタンの背景の色 |
background:#FFFFFF; の #FFFFFF |
| ボタンの文字の大きさ |
font-size:10pt; の 10 |
| ボタンの文字の色 |
color:#3366FF の #3366FF |
|
|
|
| ホームページお役立ち小技集のTOPへ |
