ボタンのページが重くなりますので別のページにも分けています。
ボタンのタグの続きのページへ
表示されているタグをコピー&ペーストしてね♪
ボタンを押すと次に1つのボタンが出てきます。
<input type=button value="押してごらん♪"onclick=alert("(* ̄◎ ̄*)ぶっっちゅうううん♪")>
ボタンを押すと次にボタンが2つ出てきます。
<INPUT TYPE=button value="おしらせ"onclick="JavaScript:if(confirm('ともちゃん知ってる?')){alert('(* ̄◎ ̄*)チュッ♪')}else{alert('(┳◇┳)ビェーーーン')}">
ボタンを押すとリンク先に飛びます
<INPUT TYPE=button value="トップページへ戻るよ♪"onclick=location="http://...リンク先のURL">
マウスでふれると大きさが変わり、次に押すとボタンの文字が変わります。
<input type="button" value="( ̄△ ̄;)エッ・・?さわるの?" onmouseover="this.style.fontSize='20pt'"
onmouseout="this.style.fontSize='';this.value='押すの??・・'"
onclick="this.value='(* ̄◎ ̄*)ぶっっちゅうううん♪'"></input>
ボタンを押すと下の画像のスクロールの向きが変わります。
<input type="button" value="おしてね"onclick="t1.direction='right'"><marquee
id="t1"><IMG SRC="画像のURL"></marquee><marquee><IMG SRC="画像のURL"></marquee>
ボタンを押すとボタンの向きにスクロールの向きが変わります。
<input type="button"value="Right"onclick="baru.direction='right'"><input type="button"value="Left"onclick="baru.direction='left'"><marquee
id="baru"><IMG SRC="画像のURL"></marquee></input>
ボタンを押すと文字になる
<INPUT onclick="test.filters.wave.strength=100;timerID=setInterval('if(test.filters.wave.strength>0){test.filters.wave.strength-=5};if(test.filters.wave.strength==0){clearInterval(timerID)}',100)" type=button value=押してね!>
<TABLE cellPadding=50>
<TR>
<TD id="test" style="FILTER: wave(strength=500) Shadow(Color=deeppink, Direction=315)"><font style="font:30pt;color:red">(* ̄◎ ̄*)チュッ♪</FONT></TD>
</TR>
</TABLE>
ボタンを押すとバックがかっこよく変わるよ
<input type="button" value="おしてごらん♪" onClick="this.value='もういっかい♪ぷち♪';test0.style.background='gold';test0.filters[0].apply();test0.filters[0].transition=23;test0.style.background='red';test0.filters[0].play(2.0)">
<table cellpadding="30">
<TR>
<TD id="test0" style="background:gold;filter:revealtrans()"><FONT size="5" face="Courier New"><b>(* ̄◎ ̄*)</b></FONT></TD>
</TR>
</table>
ボタンを押すとバックの壁紙が変わるよ
<BUTTON onClick="document.body.background='壁紙のURL'"style="background:">>FONT size="5"><FONT COLOR="#FF00FF">押>/FONT>>FONT COLOR="#FF2AD5">し>/FONT>>FONT COLOR="#FF55AA">て>/FONT>>FONT COLOR="#FF7F80">ね>/FONT>☆>/FONT>>/BUTTON>
ボタンを押すとリンク先の小窓を表示する
<input type="button" value="ボタンの文字" onClick=window.open("http://www.リンク先ののURL","ウインド名","toolbar=no,location=no,directories=no,status=yes,menubar=yes,scrollbars=yes,resizable=yes,width=500,height=350");>
タグを貼り付ける場合、上の3行のうち下2行は改行しないで下さい
toolbar |
ツールバーの表示、非表示 |
location |
ロケーションバーの表示、非表示 |
directories |
ディレクトリィバーの表示、非表示 |
status |
ステータスバーの表示、非表示 |
menubar |
メニューバーの表示、非表示 |
scrollbars |
スクロールバーの表示、非表示 |
resizable |
ウィンドウサイズの変更、変更不可 |
width,height |
表示されるウィンドウの高さ、幅 |
ボタンを押すとプリントアウトの画面がでてくる
<input type="button" value="ボタンの名前" onclick="window.print()">
ボタンを押すとプリントアウトの画面がでてくる 2
<input type="button" value="ボタンの名前" onclick=if(confirm('このページをプリントしますか?')){window.print();}else{alert('プリントしませんでした')}>
リンクボタンが電光掲示板みたいになる
<button onclick="location.href='http://www.リンク先のURL'" style="width=ボタンの横幅;font-size:文字の大きさ**pt; color:文字の色; background-color:ボタンの色;"><marquee>ボタンでスクロールさせたい文字</marquee></button>
ボタンを押すとお気に入りに追加出来る
<INPUT type="button" value="ボタンに入れる文字" onclick="window.external.AddFavorite('http://www.リンク先のURL','自分のホームページの名前など')";?>
バックのカラーがボタンの色に変わる
サンプルページ
<INPUT ONCLICK="document.bgColor='ffffff'" TYPE="button" VALUE="white">
<INPUT ONCLICK="document.bgColor='000000'" TYPE="button" VALUE="black">
<INPUT ONCLICK="document.bgColor='ff0000'" TYPE="button" VALUE="red">
<INPUT ONCLICK="document.bgColor='00ff00'" TYPE="button" VALUE="green">
<INPUT ONCLICK="document.bgColor='0000ff'" TYPE="button" VALUE="blue">
<INPUT ONCLICK="document.bgColor='ffff00'" TYPE="button" VALUE="yellow">
<INPUT ONCLICK="document.bgColor='00ffff'" TYPE="button" VALUE="aqua">
<INPUT ONCLICK="document.bgColor='ff00ff'" TYPE="button" VALUE="fuchsia">
<INPUT ONCLICK="document.bgColor='c0c0c0'" TYPE="button" VALUE="silver">
<INPUT ONCLICK="document.background='壁紙のURL'" TYPE="button" VALUE="もとに戻る">
ボタンの色を灰色以外にする
<INPUT type="button" value="ボタンにいれる文字" onClick="alert('クリックした後開いた窓にいれる文字')" style="border-color:外枠の色; background:下地の色; font-size:文字の大きさpt; color:文字の色">
ボタンの背景に壁紙を貼る
<INPUT type="button" value="ボタンにいれる文字" onClick="alert('クリックした後開いた窓にいれる文字')" style="background-image: url('IMG SRC="http://...画像のURL'); font-size: ボタンの文字の大きさpt; color: 文字の色;">
ボタンを押した後ボタンの文字が変わる
<INPUT type="button" value="押す前のボタンの文字" onClick="alert('クリックした後開いた窓にいれる文字');this.value='押した後のボタンの文字'" style="border-color:外枠の色; background:下地の色; font-size:文字の大きさpt; color:文字の色">
1回しか押せないボタン(更新するとまた押せるよ)
<INPUT type="button" value="押す前のボタンの文字"onClick="alert('クリックした後開いた窓にいれる文字');this.disabled='true';this.value='押した後のボタンの文字'"style="border-color:外枠の色; background:下地の色; font-size:文字の大きさpt;color:文字の色">
ボタンを押すと大きさが変わる
<INPUT type="button" value="押す前のボタンの文字"onClick="alert('クリックした後開いた窓にいれる文字');this.style.fontSize='押してからの文字の大きさ';this.value='押した後のボタンの文字'" style="border-color:外枠の色; background:下地の色;font-size:押す前の文字の大きさpt; color:文字の色">
ボタンのタグの続きのページへ