笔者日积月累了许多精彩、实用的Web特效的制作,这些特效几乎都是比较常用的网页特效。现在我就把这些经过整理和修改过的特效分三个级别分别介绍给大家。

初级篇

1.让文字不停地滚动

<MARQUEE>滚动文字</MARQUEE>

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

<script language=JavaScript>
document.write(”最后更新时间: ” + document.lastModified + “”)
</script>

3.关闭当前窗口

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

4.2秒后关闭当前页

<script language=”JavaScript”>
<!–
setTimeout(’window.close();’,2000);
–>
</script>

5.2秒后载入指定网页

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

6.添加到收藏夹

<Script Language=”JavaScript”>
function bookmarkit()
{
window.external.addFavorite(’http://你的网址’,'你的网站名称’)
}
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″>
<!– 网址:http://你的网址–>
<a class=”chlnk” style=”cursor:hand” HREF
onClick=”this.style.behavior=’url(#default#homepage)’;
this.setHomePage(’你的网站名称);”><font color=”000000″ size=”2″ face=”宋体”>设为首页</font></a>
</body>

让字体美起来

你可能正建立自己在网上的家-WEB页,又或者它已经被你安置在网络某一角里。无论出于什么目的,你都希望有更多的指导,告诉你该如何更好的布置家。

在目前许多的指导中,他们都在诉说,应该加一点声音或者一个说话的场地。的确我们都需要它,但我希望关心更多WEB家里底层的东西,比如如何把字体弄的漂亮些,或者让页面颜色变的活泼些,让访问者增加“看欲”,还有更多你曾经都没有关注的细微之处。今天,我们首先来探讨页面的字体。

一、html中定义字体

字体的确是很好打交道的,一开始制作页面,它就以默认的样式显示。随着逐步的深入,你会改变一下默认的设置,增大或者减小字体。

一般字体默认的标签格式:<p>田涛</p>

接下来,我们把字体设置为黑体或者宋体字样式,它的标签如下:
<p><font face=”黑体”>田涛</font></p>

在以上格式里,我们引出了字体的标签元素<font></font>.该标签具有下面三个属性值:

size=”…” 设置字体的大小,一般从1到7,它的默认值是+3,每次改变字体都是+3或者-3。

color=”…” 字体颜色的设置。定义颜色可以利用RGB的16进制值,比如: color=“#ffffff” 。也可以直接利用颜色英文来定义,比如: color=“white”

face=”…” 字体样式的设置,比如:face=“黑体”。或者 face=“黑体,宋体”。后者的格式,每当浏览器访问第一种字体失败后,浏览器就会访问第二种字体,依此类推。

下面是一个完整的字体格式:

<font face=”黑体” size=”2″ color=”#FFFFFF”>田涛</font>

HTML还提供了以下字体样式标签:

1.六个标题样式

从h1到h6,如:<h1><font face=”黑体” size=”2″>田涛</font></h1>

2.字体风格

斜体字:<em>田涛</em>

粗体字:<strong>田涛</strong>

斜体+粗体字:<strong><em>田涛</em></strong>

3.定义文本

定义大字体
<big>田涛</big>
定义小字体
<small>田涛</small>或者<small><small><small>田涛</small></small></small>

如果你在字体标签中设置了size=”…”,那么<big>标签将不起作用。

除了以上常用字体标签元素外,HTML还包含很多其它标签,但不我们不多用。