[下拉列表直接选择背景色]下拉列表直接选择背景

更新时间：2014-06-09 来源：excel 手机版 字体：大中小

【www.bbyears.com--excel】

提示：您可以先修改部分代码再运行

<html>

<head>
<title>下拉列表直接选择背景</title>
<style type="text/css">BODY {
	FONT-FAMILY: "宋体"; FONT-SIZE: 9pt; MARGIN-LEFT: 4px; MARGIN-RIGHT: 0px; MARGIN-TOP: 0px
}
A {
	COLOR: black; FONT-SIZE: 9pt; FONT-WEIGHT: 400; TEXT-DECORATION: none
}
A:hover {
	COLOR: red; FONT-SIZE: 9pt; FONT-WEIGHT: 400; TEXT-DECORATION: underline
}
A:active {
	COLOR: #ff0033; CURSOR: hand; FONT: 9pt "宋体"
}
</style>
<meta content="text/html; charset=gb2312" http-equiv="Content-Type">
<script language="JavaScript">

<!--

image1= new Image();

image1.src = "images/SHU.JPG";

image2= new Image();

image2.src = "images/A.GIF";

image3= new Image();

image3.src = "images/B.jpg";
image4= new Image();

image4.src = "images/C.jpg";

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>

<p align="center"><font face="隶书" size="5" color="#0000FF"><strong>下拉列表直接选择背景</strong></font></p>

<strong><font color="red" size="5">  </font><font  
    face="宋体" size="3" color="#0000FF">一般网页的背景图片都是设计时设置的,在浏览时不能改动,这里提供一个可以浏览时通过下拉列表动态改变背景的特效,在下面由列表选择图片项目后,再单击“显示”按钮,可以使窗口动态改变背景，使网页更有交互性。</font></strong>  
    
    
    <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 onclick="imgchange()" type="button" value="显示"> </p>  
    </form>  
    <p>　  
    
  
  
</center>  
  
</body>  
</html>

提示：您可以先修改部分代码再运行

本文来源：http://www.bbyears.com/bangongshuma/6943.html

链接：http://www.bbyears.com/bangongshuma/6943.html
[下拉列表直接选择背景色]下拉列表直接选择背景(转载时请注明本文出处及链接)

猜你感兴趣

[滚动条样式]滚动条调制并改变背景的特效 2014-06-09
我瞎的很有特色_很有特色的荧光鼠标 2014-06-09
【背锅吧】背景不停变换颜色 2014-06-09
跟随鼠标翻译|跟随鼠标的一串蝴蝶 2014-06-09
[鼠标左右键互换]禁用鼠标左右键 2014-06-09
[闪电山地车]闪电闪烁背景 2014-06-09
类似windows|类似Windows自定义过的鼠标 2014-06-09
【网页特效】网页特效|JsCode.cn|---跟随鼠标的图片 2014-06-09
星星从背景音乐_星星从背景中飞出 2014-06-09
【鼠标宏】围绕鼠标聚散旋转的星星 2014-06-09

本类排行

本类最新

更多>>

[下拉列表直接选择背景色]下拉列表直接选择背景

猜你感兴趣

热门标签

本类排行

本类最新