以文本方式查看主题

-  <我爱电子>论坛  (http://88fff.cn/ab/dv04/index.asp)
--  网站网页制作,论坛发帖操作方法  (http://88fff.cn/ab/dv04/list.asp?boardid=7)
----  网页技巧 (一些常用代码)  (http://88fff.cn/ab/dv04/dispbbs.asp?boardid=7&id=93)

--  作者:plc388
--  发布时间:2008/8/29 12:17:16
--  网页技巧 (一些常用代码)
 1.让文字不停地滚动

  <MARQUEE>滚动文字</MARQUEE>

  2.记录并显示网页的最后修改时间

  <script language=javascript>
   document.write("最后更新时间: " + document.lastModified + ""
   </script>

  3.关闭当前窗口

  <a href="/"onClick="javascript:window.close();return false;">关闭窗口</a>

  4.2秒后关闭当前页

  <script language="javascript">
   <!--
   setTimeout(\'window.close();\',2000);
   -->
   </script>

  5.2秒后载入指定网页

  <head>
   <meta http-equiv="refresh" content="2;URL=http://你的网址">
   </head>

  6.添加到收藏夹

  <Script Language="javascript">
   function bookmarkit()
   {
   window.external.addFavorite(\'http://你的网址\',\'你的网站名称\')
   }
   if (document.all)document.write(\'<a href="#" onClick="bookmarkit()">加入收藏夹</a>\')
   </Script>

  7.让超链接不显示下划线

  <style type="text/css">
   <!-
   a:link{text-decoration:none}
   a:hover{text-decoration:none}
   a:visited{text-decoration:none}
   ->
   </style>

  8.禁止鼠标右键的动作

  <Script Language = "javascript">
   function click() { if (event.button==2||event.button==3)
   {
   alert(\'禁止鼠标右键\');
   }
   document.onmousedown=click // -->
   </Script>

  9.设置该页为首页

  <body bgcolor="#FFFFFF" text="#000000">
   <!-- 网址:http://你的网址-->
   <a class="chlnk" style="cursor:hand" HREF
   onClick="this.style.behavior=\'url(#default#homepage)\';
   this.setHomePage(\'你的网站名称);"><font color="000000" size="2" face="宋体">设为首页</font></a>
   </body>
   笔者日积月累了许多精彩、实用的Web特效的制作,这些特效几乎都是比较常用的网页特效。现在我就把这些经过整理和修改过的特效分三个级别分别介绍给大家。

  中级篇

  1.节日倒计时

  <Script Language="javascript">
   var timedate= new Date("October 1,2002";
   var times="国庆节";
   var now = new Date();
   var date = timedate.getTime() - now.getTime();
   var time = Math.floor(date / (1000 * 60 * 60 * 24));
   if (time >= 0)
   document.write("现在离"+times+"还有: "+time +"天"</Script>

  2.单击按钮打印出当前页

  <Script Language="javascript">
   <!-- Begin
   if (window.print) {
   document.write(\'<form>\'
   + \'<input type=button name=print value="打印本页" \'
   + \'onClick="javascript:window.print()"></form>\');
   }
   // End -->
   </Script>

  3.单击按钮‘另存为’当前页

  <input type="button" name="Button" value="保存本页"
   onClick="document.all.button.ExecWB(4,1)">
   <object id="button"
   width=0
   height=0
   classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2">
   <embed width="0" height="0"></embed>
   </object>

  4.显示系统当前日期

  <script language=javascript>
   today=new Date();
   function date(){
   this.length=date.arguments.length
   for(var i=0;i<this.length;i++)
   this[i+1]=date.arguments[i] }
   var d=new date("星谌?quot;,"星期一","星期二","星期三","星期四","星期五","星期六";
   document.write(
   "<font color=##000000 style=\'font-size:9pt;font-family: 宋体\'> ",
   today.getYear(),"年",today.getMonth()+1,"月",today.getDate(),"日",
   d[today.getDay()+1],"</font>" );
   </script>


--  作者:plc388
--  发布时间:2008/8/29 12:18:21
--  
8.随机变换背景图象(一个可以刷新心情的特效)

  在<head></head>之间加上如下代码:

  <Script Language="javascript">
   image = new Array(4); //定义image为图片数量的数组
   image [0] = \'tu0.gif\' //背景图象的路径
   image [1] = \'tu1.gif\'
   image [2] = \'tu2.gif\'
   image [3] = \'tu3.gif\'
   image [4] = \'tu4.gif\'
   number = Math.floor(Math.random() * image.length);
   document.write("<BODY BACKGROUND="+image[number]+">";
   </Script>

  9.鼠标一碰就给颜色看的链接

  在<body></body>之间加上如下代码:

  <p onMouseMove="anniu()">你敢碰我,我就给点颜色你看!</p>
   <Script Language = "VBScript">
   sub anniu
   document.fgColor=int(256*256*256*rnd)
   end sub
   </Script>

  10.从天而降并有幻影效果的窗口

  <head>
   <Script language="javascript">
   function move(x) {
   if(self.moveBy){
   self.moveBy (0,-800);
   for(i = x; i > 0; i--)
   {
   self.moveBy(0,3);
   }
   for(j = 200; j > 0; j--){ //如果你认为窗口抖动厉害,就200换成个位数
   self.moveBy(0,j);
   self.moveBy(j,0);
   self.moveBy(0,-j);
   self.moveBy(-j,0);
   }
   }
   }
   </Scrip>
   <body bgColor=#ffffff onload=move(280)>
   </body>
   </head>

  11.表格的半透明显示效果

  在<head></head>之间加上如下代码:

  <style>
   .alpha{filter: Alpha(Opacity=50)} //50表示50%的透明度
   </style>

  在<body></body>之间加上如下代码:
   <table border="1" width="100" height="62" class="alpha" bgcolor="#F2A664" >
   <tr>
   <td width="100%" height="62">
   <div align="center">很酷吧!</div>
   </td>
   </tr>
   </table>