发新话题
打印

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

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

网页制作中不可避免的要用到按钮,本文列举了一些常用的按扭代码。
: v! ~" H  d1 i) @( E0 W" g' ^
; b; B5 D/ ^% T7 j  查看源代码
复制内容到剪贴板
代码:
<input TYPE="button" NAME="view" VALUE="查看源代码"  OnClick="window.location='view-source:' +window.location.href" >
返回上一步
复制内容到剪贴板
代码:
<input TYPE="button" VALUE="返回上一步" ONCLICK="history.back(-1)">
刷新按钮一
复制内容到剪贴板
代码:
<input TYPE="button" VALUE="刷新按钮一" ONCLICK="ReloadButton()">  
<script language="JavaScript">  
<!--  
function ReloadButton(){location.href="3.html";}  
// -->  
</script>
刷新按钮二
复制内容到剪贴板
代码:
<input TYPE="button" VALUE="刷新按钮二" onClick="history.go(0)">
 / s( ?' t4 W* i3 x% A" H

- k3 g4 Q5 ^' U! D% z回首页按钮
复制内容到剪贴板
代码:
<input TYPE="button" VALUE="回首页按钮" ONCLICK="HomeButton()">   
<script language="JavaScript">   
<!--   
function HomeButton(){location.href=http://www.aaa.com;}   
// -->   
</script>
弹出警告框
复制内容到剪贴板
代码:
<input TYPE="button" VALUE="弹出警告框" ONCLICK="AlertButton()">   
<script language="JavaScript">   
<!--   
function AlertButton(){window.alert("今天你喝了没有?:)");}   
// -->   
</script>
状态栏信息
复制内容到剪贴板
代码:
<input TYPE="button" VALUE="状态栏信息" ONCLICK="StatusButton()">   
<script language="JavaScript">   
<!--   
function StatusButton(){window.status="你好吗?:)";}   
// -->   
</script>
背景色变换
复制内容到剪贴板
代码:
<input TYPE="button" VALUE="背景色变换" onClick="BgButton()">   
<script language="JavaScript">   
<!--   
function BgButton(){   
if (document.bgColor=='#3399ff')   
{document.bgColor='#00ccff';}   
else{document.bgColor='#3399ff';}   
}   
// -->   
</script>
打开新窗口
复制内容到剪贴板
代码:
<input TYPE="button" VALUE="打开新窗口" ONCLICK="NewWindow()">   
<script language="JavaScript">   
<!--   
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");}   
// -->   
</script>
赠人玫瑰,手有余香。

TOP

发新话题