js特效吧 关注:230贴子:2,226
  • 0回复贴,共1

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

只看楼主收藏回复

网页制作中不可避免的要用到按钮,本文列举了一些常用的按扭代码。
  查看源代码
以下是引用片段:
<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.baidu.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.baidu.com,"","height=600,width=800,left=10,top=10,status=no,location=no,toolbar=no, directories=no,menubar=no");}
// -->
</script>


IP属地:浙江1楼2014-01-05 22:59回复