在网页中妙用背景图 - 达人(蔷薇)

2006/09/03 | 在网页中妙用背景图
类别(◈知识城堡◈) | 评论(0) | 阅读(100) | 发表于 20:07: 在互联网飞速发展的今天，我们是不是已拥有了自己的"烘培鸡"呢？在众多的个人竹页之中，我们是不是亭亭玉立、一枝独秀呢？为了吸引浏览者，提高拜访量，我们可以在网页中加入javascript形成特效，插入一幅美观的图片作为背景，或一狠心加入一个Java Applet。其实你所做的一切别人都已想到并已做了，我们何不针对某一方面来挖掘它的不同特效呢？下面我们就来针对网页背景图片来谈一谈它的妙用！

妙用一：固定背景

　　我们在浏览网页并拖动滚动条时往往是背景（以图片居多）随前景（包括文字、图片）一起移动，但有一次浏览时发现只是前景移动，背景却固定不动，是不是很希奇呢？其实这个特效很简单，只需在$ #@60;body$ #@62;标签中加入一句代码: style="background-attachment=fixed" 即可。

妙用二：流动背景

　　这个特效很过瘾！我们将背景设成黑色，并将一幅星星的GIF图片作背景，流动的银河？！真是酷毙了。要形成这个效果，我们要在$ #@60;body$ #@62;区加入一段VBScript脚本：
$ #@60;script language="VBScript"$ #@62;

dim c,numgc c=1 numgc=document.body.sourceIndex sub SF c=c+1 Document.all(numgc).style.BackgroundPosition= "0 " &c id=SetTimeOut("SF",16,"VBScript") end sub SF $ #@60;/script$ #@62;
其中改动"c=c+1"为"c=c-1"则为背景往上流动。

妙用三：背景居中

　　一幅小小的图片固定在网页的中间，是不是很酷呢？加入它吧：
$ #@60;script language="javascript1.2"$ #@62;
if (document.all)
document.body.style.cssText="background:white url(图片名称.gif) no-repeat fixed center center"
$ #@60;/script$ #@62;
其中在url中写上自己要加图片的地址及名称。如(img/abc.gif); 0

http://ramblingrose.5d.cn/

评论Comments