查看完整版本: 网页制作中九种用途特效按钮的代码

网页制作中九种用途特效按钮的代码

网页制作中不可避免的要用到按钮，本文列举了一些常用的按扭代码。,nV-I'^.C4]m)P zc:qok

YPJ&mF/r 　　查看源代码[code]<input TYPE="button" NAME="view" VALUE="查看源代码"  OnClick="window.location='view-source:' +window.location.href" >[/code]返回上一步[code]<input TYPE="button" VALUE="返回上一步" ONCLICK="history.back(-1)"> [/code]刷新按钮一[code]<input TYPE="button" VALUE="刷新按钮一" ONCLICK="ReloadButton()">  M @3k4{z^
<script language="JavaScript">  #~4x1v2eV:v6Iy+}M ^
<!--  Gw#w5]Qb\I
function ReloadButton(){location.href="3.html";}  
%h%cCl6?(qY+c // -->  
:v%r5C(kS"f5V </script> [/code]刷新按钮二[code]<input TYPE="button" VALUE="刷新按钮二" onClick="history.go(0)"> [/code]　
;~,u1P^"]L3b
:y7PoqquN 回首页按钮[code]<input TYPE="button" VALUE="回首页按钮" ONCLICK="HomeButton()">   
Zs$H$nkerAB'r <script language="JavaScript">   'A0WSW ]
<!--   TH#q i"r
function HomeButton(){location.href=http://www.aaa.com;}   W`6|-x/I/g5X a7]
// -->   
vv q F:n[sk&| </script> [/code]弹出警告框[code]<input TYPE="button" VALUE="弹出警告框" ONCLICK="AlertButton()">   
$vh
n:E5^nab4fP <script language="JavaScript">   8e7J8p:V~J
<!--   NE!TF:GV*[f
function AlertButton(){window.alert("今天你喝了没有？:)");}   x/lP!Wav v/awX
// -->   I]@%[c?x
</script> [/code]状态栏信息[code]<input TYPE="button" VALUE="状态栏信息" ONCLICK="StatusButton()">   N@ YQ-t)yF2Bm])`@
<script language="JavaScript">   
l} D
\&|R <!--    W-N1?(K;\
function StatusButton(){window.status="你好吗？:)";}   /[ sm^2Z7I1T
// -->   
^-z/IK*Q'Z.T%c&E*_%l </script>[/code]背景色变换[code]<input TYPE="button" VALUE="背景色变换" onClick="BgButton()">   
D+{'o|4CS <script language="JavaScript">   *?`-G_+j^^H
<!--   lr8c{F,DG
function BgButton(){   rPcyb
}1^
if (document.bgColor=='#3399ff')   C]kd*A
{document.bgColor='#00ccff';}   
9U^cl%es else{document.bgColor='#3399ff';}   
q)a'hX&eR-o2[ }   
%L%sP$rr5v'iw // -->   
^5uM%Zp2RF </script> [/code]打开新窗口[code]<input TYPE="button" VALUE="打开新窗口" ONCLICK="NewWindow()">   
/uxSV b-j <script language="JavaScript">   
9@"EmV!H9?+m:~.A <!--   
i"Ao@L function NewWindow(){window.open(http://www.aaa.com,"","height=600,width=800,left=10,top=10,status=no,location=no,toolbar=no, directories=no,menubar=no");}   0a^ Tk-aT
// -->   
!z?0a6o ? Y
O:a5} </script> [/code]