首页- 邮件- 社区- 短信- 新闻- 体育- 财经- 汽车- 房产家居- IT- 游戏- 生活- 健康- 女人- 旅游- 教育- 求职- 娱乐- 动漫- 校园
新闻资讯 - 实用手册 - 网狐教程 - 硬件行情 - 软件精品廊 - 手机时尚 - 网络倾情 - 热点追踪 - 免费大全 - IT写作论坛
网 狐 教 程
-Adobe 专区
-Ulead 专区
-Dreamweaver
-Fireworks
-Flash课程
-Photoshop
-上网实用教程
-音乐工厂
-操作系统
-三维制作
-网狐源代码集锦
-操作系统
-Director
下 载
-网页素材
-Flash学习
-Firework
-photoshop
-Dreamweaver
-上网实用教程
-音乐工厂
-操作系统
-Director教程
-三维制作
-Adobe教程
-Ulead教程
-图像动画
实用技巧
-Internet应用
-Photoshop
-Flash
-PHP
-Java
-VB
-C、C++
-其它
合作伙伴
-5D精英网
JavaScript程序大放送


第一页

.状态行显示:

1.鼠标提示

   我们经常会发现当我们准备点击某个链接时,窗口的状态行中显示的不是该 链接的URL ,而是一些说明信息;这是怎么作的呢?按下面所 ,你也可以作出来。

请看源代码:

<a href="w3.htm"

onmouseover="window.status=

'这里有清晰的分类和详尽的说明,

这就是你的 BookMark!'; return true;"

onmouseout="window.status='';">欢迎光临</a>

  将鼠标放在链接的字上,不要点,看看状态行中出现了什么?
  如果你没有在原码中加入 onMouseOver (鼠标移开)的说明,状态行中将保留上次的信息。

2.逐字显示

<HTML>

<HEAD>

<TITLE>跑马灯</TITLE>

</HEAD>

<SCRIPT Language="JavaScript">

var msg="欢迎光临本报编辑部";

var interval = 100;

seq = 0;

function Scroll() {

len = msg.length;

window.status = msg.substring(0, seq+1);

seq++;

if ( seq >= len ) { seq = 0 };

window.setTimeout("Scroll();", interval );

}

</SCRIPT>

<BODY OnLoad="Scroll();">

</BODY>

</HTML>

3.滚动显示

<SCRIPT LANGUAGE="JavaScript">

<!-- function scroll(seed)

{

var m1 = "欢迎光临"

var m2 = "本报编辑部 "

var msg=m1+m2;

var out = " ";

var c = 1;

if (seed > 100) {

seed--;

var cmd="scroll(" + seed + ")";

timerTwo=window.setTimeout(cmd,100);

}

else if (seed <= 100 && seed > 0) {

for (c=0 ; c < seed ; c++) {

out+=" ";

}

out+=msg;

seed--;

var cmd="scroll(" + seed + ")";

window.status=out;

timerTwo=window.setTimeout(cmd,100);

} else if (seed <= 0) {

if (-seed < msg.length) {

out+=msg.substring(-seed,msg.length);

seed--;

var cmd="scroll(" + seed + ")";

window.status=out;

timerTwo=window.setTimeout(cmd,100);

}

else {

window.status=" ";

timerTwo=window.setTimeout("scroll(100)",7);

}

}

}

timerONE=window.setTimeout('scroll(100)',50);

//-->

</SCRIPT>

4.摇摆字符

</font></td>

</tr>

</table>

</center></div></td>

</tr>

</table>

</center></div>

<p align="center">... ... </p>

<p align="center">  请看浏览器的下面状态行部分的<font color="#ff0000">效果</font> </p>

<hr align="center">

<p align="center"> </p>

</body>

</html>

 

.时间

1.显示登录时间

</font></td>

</tr>

</table>

</center></div></td>

</tr>

</table>

</center></div><script language="JavaScript">

<!-- hide

function getdays(t){

year = t.getYear() - 1 ;

d=((year-year%4)/4)-((year-year%100)/100)

+((year-year%400)/400);

d += year * 365 ;

for (i=1;(i<t.getMonth())&&(i<8);i++) d+=30+(i%2);

if (t.getMonth()>7)

for (i=8;i<t.getMonth();i++) d+=31-(i%2);

d += t.getDate() ;

year++;

if (t.getMonth()>1)

if (((year % 400)==0) ||

(((year % 4)==0) && ((year % 100)!=0))) d--

else d -= 2 ;

return d ;

}

today = new Date();

a = getdays(today) ;

document.writeln(

'<center><font size=5 color="#ff0000">现在时间是 :

',today.toLocaleString(),'</font></center>');

// End of JavaScript Code-->

</script>

<p align="center">... ... </p>

<hr align="center">

<p align="center"> </p>

</body>

</html>

2.计时器 (显示停留时间)

</font></td>

</tr>

</table>

</center></div></td>

</tr>

</table>

</center></div>

<form name="clock" onsubmit="0">

<p>  你 <font size="+1"><input type="text" name="face"

size="8" value></font> 了。</p>

</form>

<p align="center">... ... </p>

<hr align="center">

<p align="center"> </p>

</body>

</html>

 

3.按时问好

</font></td>

</tr>

</table>

</center></div></td>

</tr>

</table>

</center></div><script language="JavaScript">

<!-- Writer:

function number(index1,index2){

var numberstring="一二三四五六七八九";

var f=0;

var allstring="";

if( index1 == 0 ) allstring+="";

while(index1 >= 10) { f++; index1=index1-10; }

if( f == 1 ) allstring+="";

if( f > 1 ) {

allstring+=numberstring.substring

(0+2*(f-1),f*2)+"";

}

allstring+=numberstring.substring

(0+2*(index1-1),index1*2)+index2;

return allstring;

}

function SayHello(){

var today = new Date();

var hours = today.getHours();

var minutes = today.getMinutes();

var string = "!您好,现在是: ";

string += number(hours," ");

string += number(minutes," 分;");

if(hours==0) alert(string +

"已经是午夜零点多了, 哇你的精神好好嗳! .^.");

if(hours==1) alert(string + "己经是午夜壹点

多啦!还在游荡哪?再不睡,明儿个要钓鱼喽!");

if(hours==2) alert(string + "己经是午夜贰点

多了,在找什么东东吗?要不要帮忙?");

if(hours==3) alert(string + "己经是午夜叁点

多了喔!还没睡?真是现代网络夜猫子!^_^");

if(hours==4) alert(string + "己经是午夜肆点

多了,真不困哪?佩服!佩服!");

if(hours==5) alert(string + "这么早起床?

还是彻夜未眠呀?");

if(hours==6) alert(string + "早晨好!

新的一天又开始啦!");

if(hours==7) alert(string + "早安!

早饭可很重要哦,吃饱没有?");

if(hours>7 && hours<11) alert(string +

"!又是忙碌的一天,祝行事顺利!");

if(hours==11) alert(string + "快中午啦,

饿不饿?可别胡弄自己呀!");

if(hours==12) alert(string + "中午喽!吃饱没有?

是准备'猫一小觉',还是出去晒晒太阳?");

if(hours>12 && hours<15) alert(string + "下午是

最容易犯困的时候,可要提起精神哦。");

if(hours==15) alert(string + "来杯下午茶吧!

休息是为了走更远的路嘛!");

if(hours>15 && hours<18) alert(string + "又开始

期待下课/班了吧?不过一定要今日事,今日毕呦!");

if(hours==18) alert(string + "在加班还是休息,

身体可是第一位的啊。");

if(hours==19) alert(string + "吃了吗?别忘了

抽点时间跟爱人聊聊天!");

if(hours==20) alert(string + "不爱看电视吧?

太闷?来我这里就对啦!");

if(hours>20 && hours<23) alert(string + "晚上好!

是不是开始泡网啦?我这儿是最佳选择!");

if(hours==23) alert(string + "快午夜了,

要不要来块点心;注意身体别太辛苦了?");

}

SayHello();

// End of JavaScript Code-->

</script>

<hr align="center">

<p align="center"> </p>

</body>

</html>

首页
1)第一页 3)第三页
2)第二页  

本文由中国计算机世界提供。



Copyright (C) 2001 Sohu.com Inc. All rights reserved. 搜狐公司 版权所有