DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> 網頁制作中九種用途特效按鈕的代碼
網頁制作中九種用途特效按鈕的代碼
編輯:CSS詳解     
  網頁制作中不可避免的要用到按鈕,本文列舉了一些常用的按扭代碼。

  查看源代碼

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

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved