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

     网页制作中不可避免的要用到按钮,本文列举了一些常用的按扭代码。

  查看源代码

以下是引用片段:
<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)"> 

  回首页按钮

以下是引用片段:
<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> 

  • 2
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值