js更换背景图片


<!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=utf-8">
<title>更换背景</title>
</head>

<body id = "body">
<select name="select" onclick="changeBgImg(this)">
	  <option value="http://pic20.nipic.com/20120418/6759425_130642327185_2.jpg">one</option>
      <option value="http://pic17.nipic.com/20111122/6759425_152002520144_2.jpg">two</option>
      <option value="http://pic17.nipic.com/20111122/6759425_152002637140_2.jpg">three</option>
</select>
</body>
</html>
<script language="javascript" type="text/javascript">
function changeBgImg(option){
	document.getElementById("body").style.backgroundImage = "url("+option.options[option.selectedIndex].value+")";
}
</script>






你可能感兴趣的:(JavaScript,html,url)