论坛 | 博客 | 校园 | 四六级 | 日语 | 学院 | 考研 | 求职 | 公务员| 认证 | 计算机 | 两性 | 科幻 | 笑话 | 小游戏 | 两性 | MV | 游戏 | 情感| 聚焦 | 博学网
同类栏目:网站重构 网页制作技巧 Dreamweaver教程 Fireworks教程 Flash教程 FrontPage教程 Html教程 css教程 Javascript教程

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

时间:2007-10-25 来源: 作者: 编辑:coyou

内容提要:网页制作中不可避免的要用到按钮,本文列举了一些常用的按扭代码。  查看源代码
以下是引用片段:
<input TYPE="button" NAME="view" VALUE="查看源代码" OnClick="window
网页制作中不可避免的要用到按钮,本文列举了一些常用的按扭代码。

  查看源代码

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

上一篇:网页制作中分类的选项卡特效代码
下一篇:下面没有链接了

大学生博客: 免费、个性化域名、日志、相册、下载、好友…… 个性模板,大学生开博理想选择!

相关阅读:

·如何制作Windows Vista和Dos双系统  (2007-10-25 17:16:04)
·网页制作中分类的选项卡特效代码  (2007-10-24 11:14:23)
·Photoshop制作漂亮个性的美丽天使图片  (2007-10-23 13:54:49)
·网页的新颖效果:斜着滚动的marquee  (2007-10-22 11:54:13)
·Web标准中XHTML的代码规范  (2007-10-21 11:18:52)
·Photoshop简单制作火焰字  (2007-10-20 10:39:01)
·经验之谈!解读Div+CSS网页制作误区  (2007-10-19 11:00:44)
·PS制作芭比娃娃非主流色调照片  (2007-10-17 15:10:09)
·Photoshop轻松制作轻纱缦舞  (2007-10-17 15:07:08)
·CSS制作网页编写的提醒及小技巧整理  (2007-10-16 11:14:15)

用户名: (注册) 密码: 网友评论:

发表评论:
匿名 验证码:
·尊重网上道德,遵守《全国人大常委会关于维护互联网安全的决定》及中华人民共和国其他各项有关法律法;
·本站有权保留或删除您发表的任何评论内容;
·本站提醒:不要进行人身攻击与无聊谩骂。谢谢配合。
博客之星:

工具软件教程推荐阅读:


操作系统教程推荐阅读:

办公软件教程推荐阅读:

聊天软件教程推荐阅读:

网页制作教程推荐阅读:

平面设计教程推荐阅读:

设计欣赏推荐阅读:

程序开发教程推荐阅读:
网站简介 | 广告服务 | 联系方式 | 意见建议 | 网站地图 | 版权声明 | 友情连接
大学生网 Stuun.Cn 版权所有 Copyright©2006 All rights reserved