30、各种用途的按钮

30、各种用途的按钮

<html>

<head>

<title>网页特效---各种用途的按钮</title>

<style type="text/css">

<!--

body {  font-family: "宋体"; font-size: 9pt; margin-top: 0px; margin-left: 4px; margin-right: 0px}

A { COLOR: black; FONT-SIZE: 13px; FONT-WEIGHT: 400; TEXT-DECORATION: none }

 A:hover { COLOR: red; FONT-SIZE: 13px; FONT-WEIGHT: 400; TEXT-DECORATION: underline }

a:active     { font: 9pt "宋体"; cursor: hand; color: #FF0033 }

--></style>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

</head>

<body>

<br>

<br>

<center><font color=red face="隶书" size=6>各种用途的按钮</font></center>

<br>

<center>

<table border=5 bordercolor=blue borderlight=green>

<tr><td align=center><font size=5 color=red face="Arial, Helvetica, sans-serif"><strong>下面框中为脚本显示区</strong></font></td></tr>

<tr><td align=center height=80><form>

        <p>

                <input TYPE="button" NAME="view" VALUE="查看本例的源码" OnClick="window.location="view-source:" +window.location.href" class="pt9">

      </p>

 </form>

 

 

<form>

  <p><input TYPE="button" VALUE="返回上一步" ONCLICK="history.back(-1)"></p>

</form>

 

<form>

  <p><input TYPE="button" VALUE="刷新按钮一" ONCLICK="ReloadButton()"></p>

</form>

<script language="JavaScript"><!--

function ReloadButton(){location.href="allbutton.htm";}

// --></script>

 

 

<form>

  <p><input TYPE="button" VALUE="刷新按钮二" onClick="history.go(0)"> </p>

</form>

 

<form>

  <p><input TYPE="button" VALUE="回首页按钮" ONCLICK="HomeButton()"></p>

</form>

<script language="JavaScript"><!--

function HomeButton(){location.href="http://nettrain.126.com";}

// --></script>

 

 

<form>

  <p><input TYPE="button" VALUE="弹出警告框" ONCLICK="AlertButton()"></p>

</form>

<script language="JavaScript"><!--

function AlertButton(){window.alert("要多多光临呀!");}

// --></script>

 

 

<form>

  <p><input TYPE="button" VALUE="状态栏信息" ONCLICK="StatusButton()"></p>

</form>

<script language="JavaScript"><!--

function StatusButton(){window.status="要多多光临呀!";}

// --></script>

 

 

<form>

  <p><input TYPE="button" VALUE="背景色变换" onClick="BgButton()"></p>

</form>

<script>function BgButton(){

if (document.bgColor=='#00ffff')

    {document.bgColor='#ffffff';}

else{document.bgColor='#00ffff';}

}

  </script>

 

 

<form>

  <p><input TYPE="button" VALUE="打开新窗口" ONCLICK="NewWindow()"></p>

</form>

<script language="JavaScript"><!--

function NewWindow(){window.open("5.htm","","height=240,width=340,status=no,location=no,toolbar=no,directories=no,menubar=no");}

// --></script>

</td></tr></table></center>

<br>

<br>

<center>

 

<SCRIPT LANGUAGE="JavaScript">

 

<!-- hide

function goHist(a)

{

   history.go(a);

}

//-->

</script>

</center>

<br>

<center>

 <br>

<br>

</body>

</html>

Write a comment

Comments: 0