当前位置:编程学习 > JS >>

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> 

 


摘自 落日小屋

补充:web前端 , JavaScript ,
CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,