<html>
<head>
<title>下拉列表选择背景图片——三W网页特效代码—网页背景特效</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 = "/code/200907/images/shu.gif";
image2= new Image();
image2.src = "/code/200907/images/A.jpg";
image3= new Image();
image3.src = "/code/200907/images/B.jpg";
image4= new Image();
image4.src = "/code/200907/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>
<body bgColor="#FEF4D9">
<font color="red" face="隶书" size="6">
<p align="center"></font><font COLOR="#000000"> </font></p>
<p align="center"><font face="隶书" size="5" color="#0000FF"><strong>下拉列表直接选择背景</strong></font></p>
<p align="center"> </p>
<div align="center">
<center>
<table border="1" borderColor="#0000FF" borderlight="green" height="150" width="410" bordercolorlight="#00FFFF" bordercolordark="#0000FF" style="border-collapse: collapse" cellpadding="0" cellspacing="0">
<TBODY>
<tr>
<td align="middle" height="24" width="404"><strong><font color="red" size="5"> </font><font
face="宋体" size="3" color="#0000FF">一般网页的背景图片都是设计时设置的,在浏览时不能改动,这里提供一个可以浏览时通过下拉列表动态改变背景的特效,在下面由列表选择图片项目后,再单击“显示”按钮,可以使窗口动态改变背景,使网页更有交互性。</font></strong></td>
</tr>
<tr>
<td align="center" height="114" width="404"><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> </td>
</tr>
</TBODY>
</table>
</center>
</div>
<div style="display: none">
<script src="http://s116.cnzz.com/stat.php?id=1489910&web_id=1489910" language="JavaScript" charset="gb2312"></script>
</div>
</body>
</html>
下拉列表选择背景图片.rar_magnetqet_下拉列表选择背景图片
版权申诉
23 浏览量
2022-09-23
03:41:54
上传
评论
收藏 2KB RAR 举报
APei
- 粉丝: 63
- 资源: 1万+
最新资源
- 最通俗易懂的 MongoDB 非结构化文档存储数据库教程.zip
- 以mongodb为数据库的订单物流小项目.zip
- 腾讯云-mongodb数据库, 项目部署.zip
- 腾讯 APIJSON 的 MongoDB 数据库插件.zip
- 理解非关系型数据库和关系型数据库的区别.zip
- 操作简单的Mongodb网页web管理工具,基于Spring Boot2.0支持mongodb集群.zip
- tms-mongodb-web,提供访问mongodb数据的REST API和可灵活扩展的mongodb web 客户端.zip
- SpringBoot整合mongodb学习MongoTemplate和MongoRepository两种方式CRUD使用.zip
- SpringBoot整合MongoDB实现对数据库的CRUD小demo.zip
- Python操作MongoDB数据库的基本一些操作 .zip
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
评论0