您现在的位置: 圆点视线 >> 教程 >> 网页设计 >> html教程 >> 文章正文
[图文]网页中九种常见用途特效按钮的代码           ★★★
网页中九种常见用途特效按钮的代码
作者:网页设计…  文章来源:网页设计师联盟  点击数:  更新时间:2007-11-7 16:37:45 
 页面功能:【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口 【字体:

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

查看源代码

以下是引用片段:
<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.68design.net,"","height=600,width=800,left=10,top=10,status=no,location=no,toolbar=no, directories=no,menubar=no");}  
// -->  
</script>
 

 【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口】 文章录入:Rainsion    责任编辑:Rainsion  【字体:
 
  • 上一篇文章:

  •  
  • 下一篇文章: 没有了
  • 最新文章
    相关文章
    没有相关文章
    网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)
    发表评论:
     姓  名: 评 分: 1分 2分 3分 4分 5分
     评论内容: ·严禁发表危害国家安全、政治、黄色淫秽等内容的评论。
    ·用户需对自己在使用本网服务过程中的行为承担法律责任
    ·本站管理员有权保留或删除评论内容。
    ·评论内容只代表机友个人观点,与本网站立场无关。
     
    最 新 推 荐
     
    百度主题推广
    最 新 热 门