用下拉列表切换网页背景

答案：<html>
<head>
<title>下拉列表直接选择背景</title>
<meta content="text/html; charset=gb2312" http-equiv="Content-Type">
<script language="JavaScript">
<!--
image1= new Image();
image1.src = "/jscss/demoimg/bgdemo1.jpg";
image2= new Image();
image2.src = "/jscss/demoimg/bgdemo2.jpg";
image3= new Image();
image3.src = "/jscss/demoimg/bgdemo3.jpg";
image4= new Image();
image4.src = "/jscss/demoimg/logo_demo2.gif";

function imgchange(){
var imageNum =  document.form.selImage.selectedIndex + 1;
fname = eval("image" + imageNum + ".src")
document.body.background =  eval("image" + imageNum + ".src")
//eval(imgName + ".src");
}
//-->
</script>

</head>
<body bgColor="#FEF4D9">
<p align="center"><font face="隶书" size="6" color="#0066cc">下拉列表切换网页背景</font></p>
<form name="form">
  <p align="center">
    <select name="selImage" size="1">
      <option selected value="请选择">请选择</option>
      <option value="第一张">第一张</option>
      <option value="第二张">第二张</option>
      <option value="第三张">第三张</option>
    </select>
    <input name="button" type="button" onclick="imgchange()" value="点击切换">
  </p>
</form>
</body>  
</html>

上一个：鼠标移过滑出一个JS+CSS颜色渐变的DIV层
下一个：CSS3制作W3cplus的关注面板

更多图片编程知识: