js更换背景图片

最新推荐文章于 2022-05-07 19:35:06 发布

sjf0115

最新推荐文章于 2022-05-07 19:35:06 发布

阅读量9.7k

点赞数 3

文章标签： javascript html url

本文链接：https://blog.csdn.net/SJF0115/article/details/7590660

版权

Div+CSS+JavaScript 专栏收录该内容

40 篇文章 0 订阅

订阅专栏

<!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" οnclick="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>