〜ボタン系〜


色つきボタン

<INPUT TYPE=button style=background-color:背景の色;color:文字の色;font-size:10pt;border-color:枠の色 VALUE=ボタンの文字 onClick=alert('ここにコメント')></INPUT>

平面ボタン

<INPUT TYPE=BUTTON VALUE=ボタンの文字 STYLE=BACKGROUND:背景の色;COLOR:文字の色;font-size:10pt;BORDER-WIDTH:1px;BORDER-COLOR:枠の色 onClick=alert('ここにコメント')></INPUT>

オンマウスで変化

<INPUT TYPE=submit VALUE=ボタンの文字 STYLE=BACKGROUND:最初の背景色;COLOR:文字の色;font-size:10pt;BORDER-WIDTH:1px;BORDER-COLOR:枠の色 onmouseover=this.style.backgroundColor='触れたときの色' onmouseout=this.style.backgroundColor='触れた後の色' onClick=alert('ここにコメント')></INPUT>

枠なしボタン

<INPUT type="button" onclick="alert('ここにコメント');" value="文字" style="border-style : none none solid;border-left-style : none;border-bottom-style : none;border-left-style : none;font-size : 10pt;color:文字の色;background-color : 背景の色;">

点線ボタン

<INPUT TYPE=button VALUE=文字 onClick=alert('コメント') style="background-color:背景の色; color:#文字色; border-style:dashed; border-width:点線、水玉の大きさ; border-color:周りの色;"></INPUT>

水玉ボタン

<INPUT TYPE=button VALUE=文字 onClick=alert('コメント') style="background-color:背景の色; color:#文字色; border-style:dotted; border-width:点線、水玉の大きさ; border-color:周りの色;"></INPUT>

二重枠ボタン

<input type="button" value="文字" onclick="alert('ここにコメント');" style="border-top-width : 3px;border-right-width : 3px;border-bottom-width : 3px;border-left-width : 3px;border-top-style : double;border-right-style : double;border-bottom-style : double;border-left-style : double;border-top-color : black;border-right-color : black;border-bottom-color : black;border-left-color : black;color : 文字の色;background-color : 背景の色;">

画像に触れるだけでメッセージ

教えて欲しい人はハピタンにカキコしてください。

質問ボタン

<input type='button' value='ボタンの文字' onClick=if(confirm('最初のクリックしたときのコメント')){alert('OKの言葉');}else{alert('キャンセルの言葉');}>

ハピタンでも使えるボタン

<script language='JavaScript'><!-- msg=new Array(); msg[0]='文字１'; msg[1]='文字２'; msg[2]='文字３'; msg[3]='文字４'; msg[4]='文字５'; function random(){ i=Math.floor(msg.length*Math.random()); alert(msg[i]);} //--></script> <input type='button' value='ボタンの文字' onClick='random()'>

来た時メッセージ

<script language='JavaScript'><!-- alert('ここにメッセージ'); // --></script>

サンプルはこのページに来た時あったやろ？

名前入力ボタン

<SCRIPT language="JavaScript"> <!-- function nihon(war) { alert("前のコメント"+war+"後ろのコメント") } //--> </SCRIPT> <FORM NAME=war> <INPUT TYPE="text" NAME="japan" size=10>　<INPUT TYPE="button" NAME="kamikaze" VALUE="押す" onClick="nihon(war.japan.value)"> </FORM>

　

お気に入り追加ボタン

<input TYPE=button value="文字" style=border-style:solid;border-width:1px;border-color:枠の色;color:文字の色;background:背景の色;font-size:9pt onClick="window.external.AddFavorite('アドレス','HP名前')">

ＳＥＯ対策　ショッピングカート　レンタルサーバー /テキスト広告 アクセス解析 花	無料ホームページ ライブチャット ブログ