您的位置：首页 > 其它

实现同一个功能--背景切换

2011-07-04 22:12 155 查看

本人做同一个效果用了两种方法，其中的代码量大家自己看，至于什么效果，你拷过去试下就可以了，这里面的代码都是经过测试的。比较一：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
</head>
<script language="javascript">
var num = 1;
function method(){
if(num==1){document.body.background = "2.jpg";
num++;
}
else if(num==2){
document.body.background = "1.jpg";
num++;
}
else if(num==3){
document.body.background = "3.jpg";
num++;
}
else if(num==4){
document.body.background = "4.jpg";
num++;
}
else if(num==5){
document.body.background = "5.jpg";
num++;
}
else if(num==6){
document.body.background = "6.jpg";
num = 1;
}
</script>
<body bgcolor="#FF99FF">
<input type="button" onClick="method()" value="背景切换">
</body>
</html> 比较二：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
</head>
<script language="javascript">
var num = 1;
function method(){document.body.background = num+".jpg";
num++;
if(num==7){
num=1;
}
}
</script>
<body bgcolor="#FF99FF">
<input type="button" onClick="method()" value="背景切换">
</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航