雑学研究
 
ホーム> リンク> 生活・文化> ぱど>

タグ ボタン編
基本編
効果使用例タグ
警告 <☆input type="button" value="表示文字" onclick="alert('クリック後の文字')">
リンク
<☆form target="_top" action="アドレス"><☆input value="表示文字" type="submit">
戻る
<☆form><☆input type="button" value="表示文字" onclick="history.back()"><☆/form>
戻る
<☆form><☆input type="button" value="表示文字" onclick="history.go(-1)"><☆/form>

応用編

効果使用例タグ
着色警告 <☆input type=button style="background-color:背景の色;color:文字の色;border-color:枠の色"; value="表示文字" onClick=alert('クリック後の文字')>
着色リンク
<☆form target="_top" action="アドレス"><☆input style="background-color:背景の色;color:文字の色;border-color:枠の色;" value="表示文字" type="submit">
壁紙警告 <☆input type=button style="background-image:url('壁紙のアドレス');" value="表示文字" onClick=alert('クリック後の文字')>
質問 <☆input type=button value="表示文字" onclick=if(confirm('質問')==true){alert('OKのメッセージ')}else{alert('キャンセルのメッセージ')}>
文字色変更 <☆input type="button" value="表示文字" onClick="document.fgColor='文字色'" >
背景色変更 <☆input value="表示文字" type="button" onClick="document.bgColor='背景色'">
リロード <☆input type="button" value="表示文字" onClick="location.reload()">
隠す <☆input type="button" style="{filter:alpha(opacity=0,style=3);}"onmouseover="this.style.filter=''" onmouseout="this.style.filter='alpha(opacity=0,style=3)'"onclick="alert('クリック後の文字');" value="表示文字">
逃避   <☆button style=position:absolute onmousedown="this.style.pixelLeft=Math. random()*document.body.clientWidth;this.style.pixelTop=Math.random()*document. body.clientHeight;">表示文字<☆/button>
消去   <☆input type='button' value='表示文字' onClick=alert('クリック後の文字');style.display='none';>
閉じる <☆input type="button" value="表示文字" onClick="alert('クリック後の文字');top.close();">

ホーム> リンク> 生活・文化> ぱど>