给个背景图片切换的js（要有过渡效果）
像这样<bodystyle="background:1.jpg;"></body><bodystyle="background:2.jpg;"></body><bodys...
像这样
<body style="background:1.jpg;"></body>
<body style="background:2.jpg;"></body>
<body style="background:3.jpg;"></body>
三个背景可以自动切换
或者div的也可以
<div style="background:1.jpg;"></div>
<div style="background:1.jpg;"></div>
<div style="background:1.jpg;"></div>
其实说白了 只要达到背景切换这个效果就行了
我在百度上搜过，都不如意，谁有的分享下，最好不要是那个jQuery的，我下下来用了下，因为页面中涉及很多相对绝对定位层级的问题，用jQuery的时候全乱了
最好是单独写的
多谢了 展开
<body style="background:1.jpg;"></body>
<body style="background:2.jpg;"></body>
<body style="background:3.jpg;"></body>
三个背景可以自动切换
或者div的也可以
<div style="background:1.jpg;"></div>
<div style="background:1.jpg;"></div>
<div style="background:1.jpg;"></div>
其实说白了 只要达到背景切换这个效果就行了
我在百度上搜过，都不如意，谁有的分享下，最好不要是那个jQuery的，我下下来用了下，因为页面中涉及很多相对绝对定位层级的问题，用jQuery的时候全乱了
最好是单独写的
多谢了 展开
1个回答
展开全部
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>背景切换</title>
<link href="css/bgchage.css" type="text/css" rel="Stylesheet" />
</head>
<body>
<div><ul><li></li><li></li><li></li><li></li></ul></div>
<!-- <div>1</div><div>2</div><div>3</div><div>4</div>-->
</body>
<script src="js/bgchage.js" type="text/javascript" ></script>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>背景切换</title>
<link href="css/bgchage.css" type="text/css" rel="Stylesheet" />
</head>
<body>
<div><ul><li></li><li></li><li></li><li></li></ul></div>
<!-- <div>1</div><div>2</div><div>3</div><div>4</div>-->
</body>
<script src="js/bgchage.js" type="text/javascript" ></script>
</html>
追问
把bgchage.js和bgchage.css贴出来哦
追答
自己准备图片1.jpg和图片2.jpg。
div{
width:300px;
height:300px;
border:1px solid black;
background-image:url(1.jpg);
}
function changeImg(){
var div = document.getElementById("test");
if(div.style.backgroundImage == "url(1.jpg)"){
div.style.backgroundImage = "url(2.jpg)";
}else{
div.style.backgroundImage = "url(1.jpg)";
}
}
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
