找回密码
 注-册

QQ登录

只需一步,快速开始

查看: 1288|回复: 0

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

[复制链接]
Leya 发表于 2008-3-31 11:14:30 | 显示全部楼层 |阅读模式
  1. 网页制作中不可避免的要用到按钮,本文列举了一些常用的按扭代码。

  2. 查看源代码

  3. 以下是引用片段:
  4. <input TYPE="button" NAME="view" VALUE="查看源代码"  OnClick="window.location='view-source:' +window.location.href" >

  5. 返回上一步

  6. 以下是引用片段:
  7. <input TYPE="button" VALUE="返回上一步" ONCLICK="history.back(-1)">


  8. 刷新按钮一

  9. 以下是引用片段:
  10. <input TYPE="button" VALUE="刷新按钮一" ONCLICK="ReloadButton()">
  11. <script language="JavaScript">
  12. <!--
  13. function ReloadButton(){location.href="3.html";}
  14. // -->
  15. </script>

  16. 刷新按钮二

  17. 以下是引用片段:
  18. <input TYPE="button" VALUE="刷新按钮二" onClick="history.go(0)">

  19. 回首页按钮

  20. 以下是引用片段:
  21. <input TYPE="button" VALUE="回首页按钮" ONCLICK="HomeButton()">
  22. <script language="JavaScript">
  23. <!--
  24. function HomeButton(){location.href=http://www.aaa.com;}
  25. // -->
  26. </script>

  27. 弹出警告框

  28. 以下是引用片段:
  29. <input TYPE="button" VALUE="弹出警告框" ONCLICK="AlertButton()">
  30. <script language="JavaScript">
  31. <!--
  32. function AlertButton(){window.alert("今天你喝了没有?:)");}
  33. // -->
  34. </script>

  35. 状态栏信息

  36. 以下是引用片段:
  37. <input TYPE="button" VALUE="状态栏信息" ONCLICK="StatusButton()">
  38. <script language="JavaScript">
  39. <!--
  40. function StatusButton(){window.status="你好吗?:)";}
  41. // -->
  42. </script>

  43. 背景色变换

  44. 以下是引用片段:
  45. <input TYPE="button" VALUE="背景色变换" onClick="BgButton()">
  46. <script language="JavaScript">
  47. <!--
  48. function BgButton(){
  49. if (document.bgColor=='#3399ff')
  50. {document.bgColor='#00ccff';}
  51. else{document.bgColor='#3399ff';}
  52. }
  53. // -->
  54. </script>

  55. 打开新窗口

  56. 以下是引用片段:
  57. <input TYPE="button" VALUE="打开新窗口" ONCLICK="NewWindow()">
  58. <script language="JavaScript">
  59. <!--
  60. 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");}
  61. // -->
  62. </script>  
复制代码
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 注-册

本版积分规则

Archiver|手机版|小黑屋|DoDVip ( 桂ICP备14000730号 )

GMT+8, 2024-5-18 04:30 , Processed in 0.051214 second(s), 20 queries .

Powered by Discuz! X3.5

Copyright © 2001-2024 Tencent Cloud.

快速回复 返回顶部 返回列表