<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
<!--
#Layer1 {
position:absolute;
width:200px;
height:115px;
z-index:1;
left: 279px;
top: 167px;
}
#Layer2 {
position:absolute;
width:250px;
height:234px;
z-index:2;
left: 279px;
top: 168px;
}
#Layer3 {
position:absolute;
width:200px;
height:115px;
z-index:3;
left: 279px;
top: 166px;
}
#Layer4 {
position:absolute;
width:200px;
height:115px;
z-index:1;
left: 279px;
top: 168px;
}
#Layer5 {
position:absolute;
width:200px;
height:115px;
z-index:4;
left: 278px;
top: 168px;
}
#Layer6 {
position:absolute;
width:200px;
height:115px;
z-index:1;
left: 279px;
top: 167px;
}
#Layer7 {
position:absolute;
width:200px;
height:115px;
z-index:5;
left: 278px;
top: 168px;
}
#Layer8 {
position:absolute;
width:200px;
height:115px;
z-index:6;
left: 278px;
top: 167px;
}
-->
</style>
<script language="javascript">
function changeSelect(){
var zychoise=document.myform.zychoise.value;
document.myform.choise.length=0;
if(zychoise=="联盟"){
document.myform.choise.options.add(new Option("人类","人类"));
document.myform.choise.options.add(new Option("暗夜精灵","暗夜精灵"));
document.myform.choise.options.add(new Option("矮人","矮人"));
document.myform.choise.options.add(new Option("侏儒","侏儒"));
}else if(zychoise=="部落"){
document.myform.choise.options.add(new Option("兽人","兽人"));
document.myform.choise.options.add(new Option("牛头人","牛头人"));
document.myform.choise.options.add(new Option("亡灵","亡灵"));
document.myform.choise.options.add(new Option("巨魔","巨魔"));
}
}
function changePic(){
var choise=document.myform.choise.value;
if(choise=="人类"){
document.getElementById("Layer1").style.display="block";
document.getElementById("Layer2").style.display="none";
document.getElementById("Layer3").style.display="none";
document.getElementById("Layer4").style.display="none";
document.getElementById("Layer5").style.display="none";
document.getElementById("Layer6").style.display="none";
document.getElementById("Layer7").style.display="none";
document.getElementById("Layer8").style.display="none";
}else if(choise=="暗夜精灵"){
document.getElementById("Layer2").style.display="block";
document.getElementById("Layer1").style.display="none";
document.getElementById("Layer3").style.display="none";
document.getElementById("Layer4").style.display="none";
document.getElementById("Layer5").style.display="none";
document.getElementById("Layer6").style.display="none";
document.getElementById("Layer7").style.display="none";
document.getElementById("Layer8").style.display="none";
}else if(choise=="矮人"){
document.getElementById("Layer3").style.display="block";
document.getElementById("Layer1").style.display="none";
document.getElementById("Layer2").style.display="none";
document.getElementById("Layer4").style.display="none";
document.getElementById("Layer5").style.display="none";
document.getElementById("Layer6").style.display="none";
document.getElementById("Layer7").style.display="none";
document.getElementById("Layer8").style.display="none";
}else if(choise=="侏儒"){
document.getElementById("Layer4").style.display="block";
document.getElementById("Layer1").style.display="none";
document.getElementById("Layer3").style.display="none";
document.getElementById("Layer2").style.display="none";
document.getElementById("Layer5").style.display="none";
document.getElementById("Layer6").style.display="none";
document.getElementById("Layer7").style.display="none";
document.getElementById("Layer8").style.display="none";
}else if(choise=="兽人"){
document.getElementById("Layer5").style.display="block";
document.getElementById("Layer1").style.display="none";
document.getElementById("Layer3").style.display="none";
document.getElementById("Layer4").style.display="none";
document.getElementById("Layer2").style.display="none";
document.getElementById("Layer6").style.display="none";
document.getElementById("Layer7").style.display="none";
document.getElementById("Layer8").style.display="none";
} else if(choise=="牛头人"){
document.getElementById("Layer6").style.display="block";
document.getElementById("Layer1").style.display="none";
document.getElementById("Layer3").style.display="none";
document.getElementById("Layer4").style.display="none";
document.getElementById("Layer5").style.display="none";
document.getElementById("Layer2").style.display="none";
document.getElementById("Layer7").style.display="none";
document.getElementById("Layer8").style.display="none";
}else if(choise=="亡灵"){
document.getElementById("Layer7").style.display="block";
document.getElementById("Layer1").style.display="none";
document.getElementById("Layer3").style.display="none";
document.getElementById("Layer4").style.display="none";
document.getElementById("Layer5").style.display="none";
document.getElementById("Layer6").style.display="none";
document.getElementById("Layer2").style.display="none";
document.getElementById("Layer8").style.display="none";
}else if(choise=="巨魔"){
document.getElementById("Layer8").style.display="block";
document.getElementById("Layer1").style.display="none";
document.getElementById("Layer3").style.display="none";
document.getElementById("Layer4").style.display="none";
document.getElementById("Layer5").style.display="none";
document.getElementById("Layer6").style.display="none";
document.getElementById("Layer7").style.display="none";
document.getElementById("Layer2").style.display="none";
}
/* for(var i=0;i<=7;i++){
if(i==pIndex){
document.getElementById("Layer"+i).style.display="block";
}else{
document.getElementById("Layer"+i).style.display="none";
}
}*/
}
</script>
</head>
<body>
<form name="myform">
<table width="757" height="396" bgcolor="#FFCCCC">
<tr>
<td height="68" align="center" valign="top"><h3>魔兽世界八大种族(图)</h3></td>
</tr>
<tr>
<td height="59" align="center">阵营选择
<select name="zychoise" id="zychoise" onChange="changeSelect()">
<option>--请选择你的阵营--</option>
<option value="联盟">联盟</option>
<option value="部落">部落</option>
</select>
<p>
角色选择
<select name="choise" id="choise" onChange="changePic()">
<option>--请选择一个种族--</option>
<option value="人类">人类</option>
<option value="暗夜精灵">暗夜精灵</option>
<option value="矮人">矮人</option>
<option value="侏儒">侏儒</option>
<option value="兽人">兽人</option>
<option value="牛头人">牛头人</option>
<option value="亡灵">亡灵</option>
<option value="巨魔">巨魔</option>
</select></td>
</tr>
<tr>
<td height="259"><div id="Layer1"><img src="images/humans-small.jpg" width="250" height="234"></div>
<div id="Layer2"><img src="images/nightelves-small.jpg" width="250" height="234"></div>
<div id="Layer3"><img src="images/dwarves-small.jpg" width="250" height="234"></div>
<div id="Layer4"><img src="images/gnomes-small.jpg" width="250" height="234"></div>
<div id="Layer5"><img src="images/orcs-small.jpg" width="250" height="234"> </div>
<div id="Layer6"><img src="images/tauren-small.jpg" width="250" height="234"></div>
<div id="Layer7"><img src="images/undead-small.jpg" width="250" height="234"></div>
<div id="Layer8"><img src="images/trolls
accp5.0 二期JavaScript理论课上机课答案大全accp5.0 二期JavaScript理论课上机课答案大全accp...
需积分: 10 14 浏览量
2009-06-23
11:58:05
上传
评论
收藏 14.61MB RAR 举报
accp5.0 二期JavaScript理论课上机课答案大全accp5.0 二期JavaScript理论课上机课答案大全accp5.0 二期JavaScript理论课上机课答案大全 （443个子文件） 
block1.css 178B red.css 176B blue1.css 176B blue.css 175B block.css 175B green.css 170B mr.css 144B Thumbs.db 253KB Thumbs.db 110KB Thumbs.db 81KB Thumbs.db 70KB Thumbs.db 60KB Thumbs.db 51KB Thumbs.db 39KB Thumbs.db 36KB Thumbs.db 34KB Thumbs.db 31KB Thumbs.db 28KB Thumbs.db 23KB Thumbs.db 22KB Thumbs.db 18KB Thumbs.db 17KB Thumbs.db 17KB Thumbs.db 16KB Thumbs.db 7KB Thumbs.db 6KB
index.gif 137KB adv.gif 52KB top2.gif 39KB top.gif 39KB fish.gif 27KB advpic.gif 25KB 2.gif 18KB 2.gif 18KB 2.gif 15KB Snap3.gif 14KB Snap3.gif 14KB logo_cn.gif 11KB error_arrow_bg.gif 10KB u02.gif 8KB u02.gif 8KB float_advclose1.gif 6KB bg-3.gif 5KB bg.gif 5KB fish.gif 5KB login.gif 4KB sign_up_top.gif 4KB game.gif 2KB button1.gif 2KB sign_up.gif 2KB sign_up.gif 2KB mobileFoot.gif 2KB login_submit.gif 2KB login_submit.gif 2KB login_submit.gif 2KB button2.gif 2KB logo_sso.gif 2KB logo_sso.gif 2KB mobile.gif 2KB login.gif 2KB bgtop.gif 2KB submit.gif 2KB submit.gif 2KB submit.gif 2KB pic1.gif 2KB pic1.gif 2KB bg011_r3_c3.gif 1KB bg011_r3_c3.gif 1KB gamesee.gif 1KB mobileAdd.gif 1KB backbutton.gif 1KB work_place.gif 1KB warning.gif 1KB sign_up_down.gif 999B login_head.gif 804B login_head.gif 804B login_head.gif 804B login.gif 702B reg1-button.gif 661B close.gif 569B list-bg.gif 510B helper_arrow2.gif 469B dot_line_2.gif 370B mcenter_arrow.gif 343B mcenter_arrow.gif 343B dot_line_1.gif 343B close.gif 282B bg011_r4_c3.gif 256B bg011_r4_c3.gif 256B bg1.gif 221B bg1.gif 221B fclose.gif 183B bgend.gif 147B bg.gif 137B bg.gif 137B bg.gif 103B arrow1.gif 88B sign_up_line.gif 74B bg2.gif 57B MenuBg.gif 53B共 443 条
- 1
- 2
- 3
- 4
- 5
资源评论
hutaocun
- 粉丝: 1
- 资源: 24
最新资源
- 3122080306 邹子轩 实验报告二.docx
- 基于STM32 NUCLEO板设计彩色LED照明灯（纯cubeMX开发）(大赛作品，文档完整，可直接运行)
- 发那科工业机器人保养大全
- Sphere.h
- REMD固有时间尺度分解信号分量可视化（Matlab完整源码和数据）
- 嵌入式系统双单片机STC89C52+STC15W104多功能学习板电路图可扩展 适用于单片机初学者和教学
- 基于STM32蓝牙控制小车系统设计（硬件+源代码+论文）大赛作品
- XILINXFPGA源码基于Spartan3火龙刀系列FPGA开发板VGA测试例程
- Java聊天室的设计与实现【尚学堂·百战程序员】
- python中matplotlib教程
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
