常见简单网页特效代码(二)

11.节日倒计时

<Script Language="JavaScript">
   var timedate= new Date("February 10,2013");
   var times="2013年春节";
   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>

示例:

12.显示系统当前日期

<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( "星期日","星期一","星期二","星期三","星期四","星期五","星期六");
   document.write(
   "<font color=##000000 style='font-size:9pt;font-family: 宋体'> ",
   today.getYear(), "年",today.getMonth()+1,"月",today.getDate(),"日",
   d[today.getDay()+1], "</font>" );
</script>

示例:

13.不同时间段显示不同问候语

<Script Language="JavaScript">
   <!--
   var text=""; day = new Date( ); time = day.getHours( );
   if (( time>=0) && (time < 7 ))
     text="夜猫子,要注意身体哦! "
   if (( time >= 7 ) && (time < 12))
     text="今天的阳光真灿烂啊,你那个朋友呢?"
   if (( time >= 12) && (time < 14))
     text="午休时间。您要保持睡眠哦!"
   if (( time >=14) && (time < 18))
     text="祝您下午工作愉快! "
   if ((time >= 18) && (time <= 22))
     text="您又来了,可别和MM聊太久哦!"
   if ((time >= 22) && (time < 24))
     text="您应该休息了!"
   document.write(text)
   //--->
</Script>

示例:

14.改变IE地址栏的IE图标

先做一个16*16的icon(图标文件),保存为index.ico。把这个图标文件上传到根目录下并在首页<head></head>之间加上如下代码:

  <link REL = "Shortcut Icon" href="index.ico">

【说明】
1.许多免费空间并不支持该项功能,而是将免费空间自身的图标显示在IE地址栏中;
2.制作图标可以用专门的软件,也可以上网制作,很容易搜索到站提供的制作Icon图标的网站。

15.鼠标经过高亮显示文字

将下面的代码放在<p>的p字母后面,或<div>的v字母后面

onMouseOut="this.bgColor='';this.style.color='#000'" onMouseOver="this.bgColor='highlight';this.style.color='#fff'"

示例:高亮显示

16.页间跳转

前进:
<INPUT name=Submit onclick=history.go(1) type=submit value=前进>

后退:
<INPUT name=Submit2 onclick=history.go(-1) type=submit value=后退>

例: 示例网页

history.back(); 等价于 history.go(1)
history.forward(); 等价于 history.go(-1)

17.网页另存为htm

<input type=button value=另存为htm onClick="document.execCommand('saveas','true','网页名.htm')">

18.网页另存为txt文本文件

<input type=button value=另存为txt onClick="document.execCommand('saveas','true','文件名.txt')">

19.文件打印

<input type=button value=打印 onClick="document.execCommand('print','true','true')">

20.整理收藏夹(在IE8浏览器中经测试可用)

<BUTTON onClick="window.external.ShowBrowserUI('OrganizeFavorites',null)">Show Organize Favorites</BUTTON><br>