常见简单网页特效代码(二)
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>
示例:
<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>