如何自学网页设计 [网页常用Javascript]

常用的网页特效收集起来做一个“大全”。

1.让文字不停地滚动

<MARQUEE>滚动文字</MARQUEE>

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

<script language=Javascript>

document.write("最后更新时间: " + stModified + "")

</script>

3.关闭当前窗口

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

4.5秒后关闭当前页

<script language="Javascript">

<>

</script>

5.2秒后载入指定网页

<head>

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

</head>

6.添加到收藏夹

<script Language="Javascript">

function bookmarkit()

{

window.external.addFavorite("你的网址","你的网站名称")

}

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">

<>

<a HREF

onClick="this.style.behavior="url(#default#homepage)";

this.setHomePage("你的网站名称);"><font color="000000" size="2" face="宋体">设为首页</font></a>

</body>

10.节日倒计时

<script Language="Javascript">

var timedate= new Date("December 25,2003");

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>

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

<script Language="Javascript">

<>

</script>

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

<input type="button" name="Button" value="保存本页"

onClick="document.all.button.ExecWB(4,1)">

<object

width=0

height=0

classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2">

<embed width="0" height="0"></embed>

</object>

13.显示系统当前日期

<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 }

var d=new date("星期日","星期一","星期二","星期三","星期四","星期五","星期六");

document.write(

"<font color=##000000> ",

today.getYear(),"年",today.getMonth()+1,"月",today.getDate(),"日",

d[today.getDay()+1],"</font>" );

</script>

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

<script Language="Javascript">

<->

</script>

15.水中倒影效果

<img src="你自己的图片文件名" width="175" height="59">

<script language="Javascript">

function f1()

{

setInterval("mP.filters.wave.phase+=10",100);

}

if (document.all)

{

document.write("<img id=mP src=""+document.all.reflect.src+""

>")

window.onload=f1

}

</script>

16.慢慢变大的窗口

<script Language="Javascript">

<>

</script>

<p><a href="javascript:openwindow()">进入</a>

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

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

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