精彩专题推荐:建站之入门课 建站之必修课 建站之关键课 网站价值所在 流量提高专题 css+div 标准 个人网站打造全过程
  • 让你的网站产生收益赚钱,有博客和网站的绝对不能错过
  • 将指定的流量带到你的网站,为你站增加有效的访客,为你提升业绩
  • 网页制作中九种用途特效按钮的代码

    来源:不详 时间:07-10-26 点击: 点击这里收藏本文
         网页制作中不可避免的要用到按钮,本文列举了一些常用的按扭代码。

      查看源代码

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


    用户评论

    广而告之