网页制作技巧四招->[休闲居（xxju.net）

您现在的位置：休闲居 >> IT时代 >> IT风云 >>

网页制作技巧四招
作者：廖年旺人气：【字体：大中小】
发布时间：2006-10-21 09:04:05

一、为网页添加一个图标

平时在我们将一些自己喜欢的网址收藏到收藏夹的时候，会发现有些网址的图标并不是Windows系统默认的“e”图标，而是制作者给网页添加上的图标。其实只要我们将以下的代码添加在网页的页头上，也可以将其实现在自己的网页上的了。休闲居编辑

在上面的代码中，其中“yourname.ico”是你指定的已经准备好的图标文件的文件名，一般这个图标文件存放于你网页目录的根目录中。

二、为网页添加语言选择

下面的这一条代码是用于描述本页所使用的语言。浏览器将根据此项，可以选择正确的语言编码，而不需要读者自己在浏览器里选择。GB2312是指简体中文，而繁体中文则是用BIG5。

三、为网页添加定时跳转

只要添加下面的这一条代码，浏览器就会在10秒后，自动转到你指定的新页面。这样我们就可以利用这个功能制作一个封面，在若干时间后，自动带读者来到你的目录页。

四、为网页添加一个loading

熟悉Flash的朋友都知道一般比较大的Flash作品都有一个“Loading……”的提示，用于防止播放不连续的现象。相比之下网页就小的多，但是如果在网速很慢的情况下，打开一个10KB左右的网页的时间要超过30秒，这时就有必要加上一个“Loading”了。

要实现在网页就加上Loading的原理很简单，在网页中加入一个不透明的层，z-index属性设为“100”，即使它处在最上一层也不例外，Width、height都设为“100%”。当网页加载完毕触发onload事件时会将它隐藏。具体的代码如下：

<!doctype html public "-//W3C//DTDHTML 4.0 Transitional//EN">
    <html>
    <head><title>为网页加Loading</title>
    <meta http-equiv="Content-Type"content="text/html;charset=gb2312">
    </head>
    <body onload='clearInterval(timer);Loading.style.display="none";'>
    <div id="Loading" style="position:absolute;width:100%;height:100%z-index:100;background:white;">
    <div id"Waiting" style="position:absolute;left:40%;top:50%;"></div></div>
    <script>
    var text="正在载入文档";i=0;
    function load(){
    if (i<6){
    text+=".";
    Waiting.innerText=text;
    i++;}
    else {text="正在载入文档";i=0;}}
    timer=window.setInterval ("load ()",300);
    </script>
    
    <img src="http://图片地址">
    </body></html>

OK！Loading就做完了，试一下吧，不过值得注意的是当文档中只有<script>和<iframe>标记时Loading可能不起作用。而在最后第二行的<img src="http://图片地址">是指定自已需要加载的图片。

≡ 查看、发表评论 ≡