在网页中妙用背景图片

作者：[Writer] 来源：[medium] 添加时间：2006-5-21 9:40:25

　　在互联网飞速发展的今天，我们是不是已拥有了自己的“烘培鸡”呢？在众多的个人竹页之中，我们是不是亭亭玉立、一枝独秀呢？为了吸引浏览者，提高拜访量，我们可以在网页中加入Javascript形成特效，插入一幅美观的图片作为背景，或一狠心加入一个Java Applet。其实你所做的一切别人都已想到并已做了，我们何不针对某一方面来挖掘它的不同特效呢？下面我们就来针对网页背景图片来谈一谈它的妙用！

妙用一：固定背景

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

妙用二：流动背景

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

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 </script>
其中改动"c=c+1"为"c=c-1"则为背景往上流动。

妙用三：背景居中

　　一幅小小的图片固定在网页的中间，是不是很酷呢？加入它吧：
<script language="JavaScript1.2">
if (document.all)
document.body.style.cssText="background:white url(图片名称.gif) no-repeat fixed center center"
</script>
其中在url中写上自己要加图片的地址及名称。如(img/abc.gif)
　　先写到这里吧，呵呵……大家需要和我交流的话，请发信到kuroko@21cn.com，或在我的“烘培鸡”http://kuroko.363.net中给我留言哟，小可将有信必复，有言必回！

上一篇：被遗忘的HTML元素
下一篇：Html保持用户状态的多种方法比较

站内搜索