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

1.设为首页

【功能】点击后将该网页设为首页

写法一:
<span onclick="var strHref=window.location.href;this.style.behavior='url(#default#homepage)';this.setHomePage('在这里写入具体网址');" style="CURSOR: hand">设为首页</span>

例1:将迷你小窝窝设为首页

写法二:
<a href="#" onclick="var strHref=window.location.href;this.style.behavior='url(#default#homepage)';this.setHomePage ('在这里写入具体网址');">设为首页</a>

例2:将迷你小窝窝设为首页

写法3:(按钮型写法)
<input TYPE="button" VALUE=" 设为首页 " onclick="this.style.behavior='url(#default#homepage)';this.setHomePage('具体网址/');" href="#">

例3:


2.收藏本站

【功能】将网页加入到网页收藏夹中

写法一:
<span style="CURSOR: hand" onClick="window.external.addFavorite('具体网址','标题')" title="收藏标题">收藏本站</span>

例1:点这里将迷你小窝窝加入收藏

写法二:
<a class=top href="javascript:window.external.AddFavorite('具体网址','标题')">加入收藏</a>

例2:收藏迷你小窝窝

写法三:(按钮型写法)
<INPUT TYPE="button" VALUE="添加到收藏夹" onClick="window.external.AddFavorite('具体网址','标题');">


3.自动刷新

【说明】将代码放在<head>与</head>之间,实现网页在规定时间内自动刷新
<meta http-equiv="refresh" content="300; url=target.html">

4.刷新本页 (手动刷新)

<a href="javascript:location.reload()" target="_self">刷新</a>

例:刷新本页

5.返回到上一页

<a href="javascript:history.back(-1)">返回上一页</a>

例:返回上一页

6.自动关闭窗口

在标题栏显示关闭的倒计时,本例设置20秒倒计时,提示关闭

<script language="javascript">
<!--
function clock(){i=i-1
document.title="本窗口将在"+i+"秒后自动关闭!";
if(i>0)setTimeout("clock();",1000);
else self.close();}
var i=20
clock();
//-->
</script>

示例网页

7.保护自己的网页不被别人加入框架

【说明】有些会把别人做好的网页往自己网页的框架(Frame)里一放,别人的成果就变成了自己网页的一部分,而且看不出该网页的真实地址!为了防止你的成果被这些人所剽窃,可以在你网页的HTML里加入下面这段代码,这样,你的网页便总是在整个窗口中打开了。

<Script LANGUAGE="JavaScript">
if(self!=top){top.location=self.location;}
</script>

8.规定时间到了就载入指定页(放在<head>与</head>之间)

【说明】一些网页有定时跳转到其他网页的功能,是用下面的代码实现的2秒钟之后跳转到另一个指定的网页

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

9.状态栏打字效果和动态文字效果

【说明】将下面的代码放在网页头部,即<head>与</head>之间,可以实现状态栏文字的打字效果

<script language="JavaScript">
var msg = "欢迎来到迷你小窝窝,请多提意见。谢谢! " ;
var interval = 120
var spacelen = 120;
var space10=" ";
var seq=0;
function Helpor_net() {
len = msg.length;
window.status = msg.substring(0, seq+1);
seq++;
if ( seq >= len ) {
seq = 0;
window.status = '';
window.setTimeout("Helpor_net();", interval );
}
else
window.setTimeout("Helpor_net();", interval );
}
Helpor_net();
</script>

例1:示例网页

【说明】将下面的代码放在网页头部,即<head>与</head>之间,可以实现状态栏里出现一个字接一个字往左跑的欢迎语

<script language="JavaScript">
<!--
function statusMessageObject(p,d) {
this.msg = MESSAGE
this.out = " "
this.pos = POSITION
this.delay = DELAY
this.i = 0
this.reset = clearMessage
}
function clearMessage() {
this.pos = POSITION
}
var POSITION = 100
var DELAY = 5
var MESSAGE = "欢迎光临迷你小窝窝! Welcome to www.geocities.ws/mnxww/index.html "
var scroll = new statusMessageObject()
function scroller() {
for (scroll.i = 0; scroll.i < scroll.pos; scroll.i++) {
scroll.out += " "
}
if (scroll.pos >= 0)
scroll.out += scroll.msg
else scroll.out = scroll.msg.substring(-scroll.pos,scroll.msg.length)
window.status = scroll.out
scroll.out = " "
scroll.pos--
if (scroll.pos < -(scroll.msg.length)) {
scroll.reset()
}
setTimeout ('scroller()',scroll.delay)
}
function snapIn(jumpSpaces,position) {
var msg = scroll.msg
var out = ""
for (var i=0; i<position; i++)
{out += msg.charAt(i)}
for (i=1;i<jumpSpaces;i++)
{out += " "}
out += msg.charAt(position)
window.status = out
if (jumpSpaces <= 1) {
position++
if (msg.charAt(position) == ' ')
{position++ }
jumpSpaces = 100-position
} else if (jumpSpaces > 3)
{jumpSpaces *= .75}
else
{jumpSpaces--}
if (position != msg.length) {
var cmd = "snapIn(" + jumpSpaces + "," + position + ")";
scrollID = window.setTimeout(cmd,scroll.delay);
} else {
window.status=""
jumpSpaces=0
position=0
cmd = "snapIn(" + jumpSpaces + "," + position + ")";
scrollID = window.setTimeout(cmd,scroll.delay);
return false
}
return true
}
snapIn(100,0);
// -->
</script>

例2:示例网页

10.关闭窗口按钮代码

<INPUT class=button1 onclick=javascript:self.close() type=button value=关闭窗口 name=Submit>