网页制作,页面设计,我在网页 body里面设置了背景图片,如何用js让背景图片每隔几秒就换一次
发布网友
发布时间:2022-05-18 01:33
我来回答
共2个回答
热心网友
时间:2022-05-18 03:02
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<style type="text/css">
.bg1 { background:#eee;}
.bg2 { background:#ccc;}
</style>
<SCRIPT LANGUAGE="JavaScript">
<!--
function SetBackground()
{
var obj = document.getElementsByTagName("body")[0];
if (obj.className == "bg1") obj.className = "bg2";
else obj.className = "bg1";
}
window.setInterval(SetBackground,1000);
//-->
</SCRIPT>
</HEAD>
<BODY>
</BODY>
</HTML>
修改.bg1 { background:#eee;} .bg2 { background:#ccc;} 背景改成你的图片就行了
热心网友
时间:2022-05-18 04:20
那你可以做一个flash就好啦。
我想在body里放一个背景图片,浏览的时候填充整个屏幕,请问这样的JS代码...
这样的话背景图片就会填充整个屏幕了不过要说明的是,这是一个CSS3的属性,在很多浏览器里面都是不被支持的,你所希望的效果,目前来看,只有这个属性可以做到,否则就只能用一个足够大的图片做背景的方法来实现了。另外background-size:cover;还可以替换成 background-size:contain;使用cover的意思是把背景图片充满整个容...
用JS设置div的背景图问题
background是全局的背景设置,例如 body { background: #fff url('xxx.png') no-repeat}拆分出来就是 body { background-color: #fff; background-image: url('xxx.png'); background-repeat: no-repeat;}你设置了obj.style.background就覆盖了background-image,所以你要改成这样 ...
dreamweaver里在body里面设置背景图片不重复,不用css方法做,怎么...
不用 css ?难道要用 js 吗?想设置背景图,最简单的方法就是css。我想楼主的意思是要找一种不用引入外部样式文件的做法,那么我们可以在标签中写,例如:<body style="background:url(../images/01.jpg) no-repeat 0 0;"> 内容部分 </body> 题外话:不过悄悄的说一句,这也是css的一种写法...
用div制作页面时,大的背景图片是怎么随分辨率的大小而改变呢,但是图片...
背景图是不可能放大缩小来满足分辨率的 只能上下左右上重复来满足有多大的地方就铺满多大 这也就是他叫背景图的原因
如何设置网页背景图片自适应屏幕宽度
可以先用js获取页面窗口大小,然后再调用不同的背景css样式 就看具体需求了,或者说是对背景的理解上 几年前做过类似的应用,思路跟这差不多。1.将body归零,margin,padding,overflow等 2.设定一个<img>引入背景src (根据实际需要静态或者动态设定尺寸)3.建立一个div作为新的内容容器,以替代body 最...
怎样用js做背景图片切换,下图那句话是什么意思,如果我要多加几张背
每两秒产生一个随机数 并且判断这个随机数是否大于0.5 如果大于0.5 将i的值复制为1 如果小于0.5 将I的值赋值为0 下面就将body的背景图设置是bgimg1还是bgimg0
点击div背景图片切换(两张图片的切换),要用js解决
自己准备图片1.jpg和图片2.jpg。<html> <style> div{ width:300px;height:300px;border:1px solid black;background-image:url(1.jpg);} </style> <script> function changeImg(){ var div = document.getElementById("test");if(div.style.backgroundImage == "url(1.jpg)"){ div....
把图片放到要制作的网页中时,怎样确保图片与网页大小相当
用JS代码可以,不过不建议让背景图片随网页大小变化 脚本说明: 第一步:把如下代码加入<body>区域中 <script language="JavaScript"> <!-- function Is() { var agent = navigator.userAgent.toLowerCase(); this.major = parseInt(navigator.appVersion); this.minor = parseFloat(navigator.app...
网页背景图片设置的代码是什么呢
1.(最普遍类)<style> body{background-image:url(logo.gif);background-repeat:no-repeat;background-position:center}</style> 说明:以上代码为网页背景图片固定代码!网页背景图片固定代码,这样,当向下拉网页时,网页背景图片不会跟着向上移动,达到不动的目的!2.(综合类)<Pclass=style6></P><...
VisualStudio怎么给网页插入全屏显示的背景图片?
1、首先,Visual Studio打开一个网站,本例为TwoFish,在网站中已放置了图片资源,以及需使用的css样式和js代码。2、首先,在网页中找到body标签,如下图所示。3、接着找到div标签,如下图所示。4、输入添加背景图片的代码,其中img是表示图片的标签。5、src是图片保存的路径,id则表示图片属性,即为...