打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
在网页中妙用背景图片
在互联网飞速发展的今天,我们是不是已拥有了自己的“烘培鸡”呢?在众多的个人竹页之中,我们是不是亭亭玉立、一枝独秀呢?为了吸引浏览者,提高拜访量,我们可以在网页中加入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)
本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
闪动背景效果图片(可作为网页背景图片)
利用U5制作滚动图片 - 视频
向上滚动图片制作
教你制作网页美图滚动梦幻特效(附分享代码)
【千里荷塘】图片滚动特效及代码
PS大图制作中的合成、分割、调色 ---- 创建网页
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服