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

2007-10-25 17:18:21　　作者：模板天下收集整理　　来源：未知　网友评论 0 条　论坛

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

　　查看源代码

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

共分1页  [1]

>> 相关文章