<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus®">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>问卷调查</title>
<script src="js/survey.js" ></script>
<script src="js/choujian.js" ></script>
<script src="js/comment.js"></script>
<link rel="stylesheet" href="css/survey.css">
</head>
<body>
<!-- 大框 -->
<div id="container">
<!-- 1 头部-->
<div id="header">
<div id="logo"></div>
<div id="select_search">
<table height="80px" align="right" >
<tr align="right">
<td colspan="4">
<select id="sel">
<option selected>简体中文</option>
<option >繁体中文</option>
<option >English</option>
</select>
</td>
</tr>
<tr align="right">
<td><font size="2">关键词:</font></td>
<td><input type="text" size="25"></td>
<td><input type="image" src="images/搜索.png"></td>
</tr>
</table>
</div>
</div>
<!--2导航栏 -->
<div id="nav">
<table>
<td ><a href="index.html">首页</a></td>
<td ><a href="game_introduction.html">游戏介绍</a></td>
<td><a href="game_tips.html">游戏攻略</a></td>
<td ><a href="toy.html">手办商城</a></td>
<td ><a href="survey.html">问卷调查</a></td>
<td ><a href="join.html">加入我们</a></td>
</table>
</div>
<!-- 3标题 -->
<div id="biaoti">
<h2>问卷调查</h2>
<hr size="2px" color="#b5b5b5" width="990px" align="left">
</div>
<!-- 4 问卷 -->
<div id="wenjuan">
<form action="" method="">
<table cellspacing="0" cellpadding="0" width="990px" height="830px"align="center" >
<tr>
<td class="bt1">
王者荣耀发烧友调查问卷
</td>
</tr>
<tr>
<td>
<p id="p1">亲爱的玩家：大家好!</p>
<p id="p1">为了更好的了解玩家对近年来对王者荣耀的看法，特制定本问卷，希望得到您的配合，请认真阅读并回答以下问题，您的回答将直接影响本调查的可信度和有效性，真诚感谢您的支持，祝您天天愉快，谢谢!</p>
</td>
</tr>
<tr>
<td>
<table border="0" cellspacing="" cellpadding="">
<tr>
<td class="td1">1.您的性别：</td>
<td>
<label for="boy"><input id="boy" name="sex" type="radio"/>男</label>
<label for="girl"><input id="girl" name="sex" type="radio"/>女</label>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<table border="0" cellspacing="" cellpadding="">
<tr>
<td class="td1">2.您的服务区(Wechat/QQ)：</td>
<td>
<input type="text" id="a" value="" size="30" />
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<table border="0" cellspacing="" cellpadding="">
<tr>
<td class="td1">3.您的擅长英雄位置：</td>
<td>
<select name="grade">
<option value="1">富婆</option>
<option value="2">法师</option>
<option value="3">战士</option>
<option value="4">刺客</option>
<option value="5">坦克</option>
<option value="6">游走</option>
</select>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<table border="0" cellspacing="" cellpadding="">
<tr>
<td class="td1">
4.对王者荣耀的期望：
</td>
</tr>
<tr>
<td>
<input type="checkbox" name="" id="q" value="" />送皮肤<br>
<input type="checkbox" name="" id="q1" value="" />送英雄<br>
<input type="checkbox" name="" id="q2" value="" />送王者水晶<br>
<input type="checkbox" name="" id="q3" value="" />送金币<br>
<input type="checkbox" name="" id="q4" value="" />送CP<br>
<input type="checkbox" name="" id="q5" value="" />送钻石<br>
<input type="checkbox" name="" id="q6" value="" />其他
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<table border="0" cellspacing="" cellpadding="">
<tr>
<td class="td1">
5.您对该游戏的建议：
</td>
</tr>
<tr>
<td>
<input type="checkbox" name="" id="w" value="" />出多点优质皮肤<br>
<input type="checkbox" name="" id="w1" value="" />调试合理英雄机制<br>
<input type="checkbox" name="" id="w2" value="" />匹配机制实力化<br>
<input type="checkbox" name="" id="w3" value="" />加强狄大人的监管<br>
<input type="checkbox" name="" id="w4" value="" />其他
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<table border="0" cellspacing="" cellpadding="">
<tr>
<td class="td1">
6.您认为该游戏应该禁止小学生玩耍吗：
</td>
</tr>
<tr>
<td>
<input type="radio" name="1" id="b" value="" />有必要
<input type="radio" name="1" id="b" value="" />没有必要
<input type="radio" name="1" id="b" value="" />无所谓
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<table border="0" cellspacing="" cellpadding="">
<tr>
<td class="td1">
7.您觉得要重做什么英雄：
</td>
</tr>
<tr>
<td>
<input type="radio" name="2" id="c" value="" />梦琪
<input type="radio" name="2" id="c" value="" />程咬金
<input type="radio" name="2" id="c" value="" />妲己
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<table border="0" cellspacing="" cellpadding="">
<tr>
<td class="td1">
8.您对王者荣耀的建议：
</td>
</tr>
<tr>
<td>
<textarea rows="5" cols="100" id="h">请您提出宝贵的建议:</textarea>
</td>
</tr>
</table>
</td>
</tr>
<tr height="50px">
<td align="center">
<input type="submit" id="" name="" value="提交答案" onclick="check5()">
<input type="reset" name="" id="" value="清空" />
</td>
</tr>
<tr>
<td height="40px" align="center" valign="middle">
</td>
</tr>
</table>
</form>
</div>
<!-- 5标题 -->
<div id="biaoti">
<h2>抽奖环节</h2>
<hr size="2px" color="#b5b5b5" width="990px" align="left">
</div>
<!--6转盘 -->
<div class="box">
<div class="option"><img src="images/曹操奖品.png"></div>
<div class="option"><img src="images/皮肤碎片奖品.png"></div>
<div class="option"><img src="images/冰雪公主奖品.png"></div>
<div class="option"><img src="images/荣耀水晶.png"></div>
<div class="option five">点击抽奖</div>
<div class="option"><img src="images/玫瑰奖品.png"></div>
<div class="option"><img src="images/奖品吕布.png"></div>
<div class="option"><img src="images/铭文碎片奖品.png"></div>
<div class="option"><img src="images/英雄碎片奖品.png"></div>
</div>
<script>
// 获取元素
var options = document.getElementsByClassName("option");
var button = document.getElementsByClassName("five")[0];
// 所有奖项下标的值
var arr = [0,1,2,5,8,7,6,3];
// 数组的下标的初始值
var num = 0;
// 转动的次数
var count = 0;
button.addEventListener("click",function () {
// 获取的随机数 转动的次数
var time = Math.ceil(Math.random()*16+16);
// 定时器来抽奖
var timer = setInterval(fun
HTML+CSS+JS网页设计期末课程大作业 web前端开发技术 web课程设计 网页规划与设计.zip
1星 需积分: 46 84 浏览量
2021-07-05
23:41:06
上传
评论 55
收藏 29.85MB ZIP 举报 
HTML+CSS+JS网页设计期末课程大作业 web前端开发技术 web课程设计 网页规划与设计.zip （113个子文件） 
index.css 3KB survey.css 3KB toy.css 2KB game_introduction.css 2KB game_tips.css 2KB join.css 2KB
survey.html 10KB game_introduction.html 8KB game_tips.html 6KB index.html 5KB toy.html 5KB join.html 4KB
刺客.jpg 1.07MB 留言底.jpg 820KB 法师.jpg 786KB tips底片.jpg 736KB thing背景.jpg 551KB 辅助.jpg 401KB 坦克.jpg 394KB 射手.jpg 388KB picture04.jpg 388KB 战士.jpg 378KB 艾琳出装铭文.jpg 325KB 程咬金出装铭文.jpg 315KB 孙悟空出装铭文.jpg 292KB 橘右京出装铭文.jpg 283KB 夏侯惇出装铭文.jpg 273KB 明世隐出装铭文.jpg 271KB 裴擒虎出装铭文.jpg 267KB 成吉思汗出装铭文.jpg 265KB 马可波罗出装铭文.jpg 265KB 狂铁出装铭文.jpg 260KB 上官婉儿出装铭文.jpg 259KB 武则天出装铭文.jpg 250KB 鬼谷子出装铭文.jpg 250KB 姜子牙出装铭文.jpg 250KB 阿珂出装铭文.jpg 246KB 铠出装铭文.jpg 243KB 嬴政出装铭文.jpg 238KB 甄姬出装铭文.jpg 237KB 狄仁杰出装铭文.jpg 237KB 张良出装铭文.jpg 237KB 嫦娥出装铭文.jpg 236KB 盘古出装铭文.jpg 236KB 百里守约出装铭文.jpg 236KB 黄忠出装铭文.jpg 235KB 蔡文姬出装铭文.jpg 229KB 李信出装铭文.jpg 228KB 百里玄策出装铭文.jpg 228KB 貂蝉出装铭文.jpg 226KB 安琪拉出装铭文.jpg 226KB 庄周出装铭文.jpg 222KB 西施出装铭文.jpg 212KB 瑶出装铭文.jpg 208KB 手办标题栏.jpg 200KB 雅典娜出装铭文.jpg 199KB join背景.jpg 188KB 关于我们.jpg 148KB 滚2.jpg 116KB 滚3.jpg 114KB 滚4.jpg 96KB 王者官方微博.jpg 12KB game_tips.js 2KB toy.js 2KB survey.js 2KB choujiang.js 1KB comment.js 839B join.js 798B index.js 716B thing_choice.js 241B attack.mp3 2.59MB
炮兵转圈圈.mp4 3.08MB
f.png 941KB b.png 857KB e.png 832KB a.png 756KB c.png 742KB 底片.png 734KB 物理装备.png 542KB 法术装备.png 534KB 防御装备.png 520KB 滚底.png 453KB 召唤师技能.png 403KB 非洲猴手办.png 259KB 游走装备.png 218KB 露娜.png 197KB 导航背景.png 197KB 打野装备.png 180KB 李白薄荷糖.png 174KB 移动装备.png 122KB right背景.png 105KB 更多手办.png 97KB 貂蝉手办.png 95KB 鲁班七号充电宝.png 90KB 西施手办.png 87KB 王者荣耀logo.png 75KB 滚5.png 71KB 滚1.png 68KB 奖品吕布.png 45KB left背景.png 44KB共 113 条
- 1
- 2
评论1