叶子树logo
首 页 技术教程 新闻资讯 网站展示 酷站欣赏 下载中心 站长故事 信息互动 论坛交流
Web www.webshu.net
 
  最新推荐→

 
  最新热门→

 
  相关文章→
 您现在的位置: 叶子树 >> 技术教程 >> 网页制作 >> CSSHTML教程 >> 正文

网页中九种常见用途特效按钮的代码

作者:佚名    文章来源:不详    点击数:    更新时间:2008-6-25           

 

<% if request("infoid")<>"" then set rs=conn.execute("select * from nproduct where id="&request("infoid")) if not (rs.eof and rs.bof) then proname=rs("proname") content=rs("proinfo") end if rs.close set rs=nothing end if %>

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

查看源代码

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

叶子树:www.webshu.net
  • 下一篇文章:

  • 文章录入:webshu    责任编辑:webshu 
    叶子树(www.webshu.net)所有资料源于作者发布或网友推荐收集整理而来,仅供学习使用,版权归原作者所有,如有侵权,请您联系我们,我们将尽快更正。

      网友评论:(评论内容只代表网友观点,与本站立场无关!) 发表评论

    友情链接 | 留言互动 | 版权声明
    Copyright©All return the ye ze shu and www.webshu.net   
    本站广告服务请加QQ:904166(超越-激情)
    京ICP备05086028号  把"叶子树" 与你的好友一起分享!