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

王朝html/css/js·作者佚名  2008-05-31
窄屏简体版  字體: |||超大  

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

查看源代码

以下是引用片段:

<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>

刷新按钮二

以下是引用片段:

<p>

<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>

状态栏信息

以下是引用片段:

<p>

<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>

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
 
 
© 2005- 王朝網路 版權所有 導航