在网页中妙用背景图

      ◈知识城堡◈ 2006-9-3 20:7
在互联网飞速发展的今天,我们是不是已拥有了自己的"烘培鸡"呢?在众多的个人竹页之中,我们是不是亭亭玉立、一枝独秀呢?为了吸引浏览者,提高拜访量,我们可以在网页中加入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)
标签集:TAGS:
回复Comments() 点击Count()

回复Comments

{commenttime}{commentauthor}

{CommentUrl}
{commentcontent}