<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<title></title>
</head>
<style>
* {
padding: 0;
margin: 0;
}
#con {
margin: 0 auto;
width: 1002px;
height: 1069px;
position: relative;
z-index: 0;
background-image: url(img/018.png);
background-repeat: no-repeat;
}
#top {
width: 648px;
height: 176px;
left: 320px;
position: relative;
bottom: 276px;
background-image: url(img/907.png);
z-index: 1;
}
#gamestagamestra-top {
width: 219px;
height: 150px;
position: relative;
left: 5px;
bottom: 261px;
}
#logo {
width: 209px;
height: 200px;
position: relative;
left: 8px;
bottom: 76px;
}
#bottom {
width: 991px;
height: 142px;
position: relative;
top: 40px;
}
#cover-top {
width: 702px;
height: 76px;
background-image: url(img/003.png);
position: relative;
left: 280px;
z-index: 2;
}
#body {
background-image: url(img/004.png);
width: 1003px;
height: 1110px;
position: absolute;
z-index: 4;
top: -41px;
left: -20px;
}
#lunbo {
position: absolute;
z-index: 5;
width: 355px;
height: 196px;
left: 280px;
top: 260px;
}
#kuang {
position: absolute;
z-index: 5;
}
#gonggao {
width: 370px;
height: 240px;
background-image: url(img/006.png);
position: absolute;
z-index: 5;
left: 280px;
top: 476px;
}
#gonggao-plus {
width: 38px;
height: 38px;
position: absolute;
z-index: 6;
background-image: url(img/007.png);
left: 213px;
top: 11px;
cursor: pointer;
}
#game-shoot {
width: 343px;
height: 142px;
position: absolute;
z-index: 5;
background-image: url(img/008.png);
left: 297px;
top: 726px;
}
#game-shoot-more {
width: 43px;
height: 14px;
position: absolute;
z-index: 6;
background-image: url(img/009.png);
left: 269px;
top: 19px;
cursor: pointer;
}
#gamenews {
width: 341px;
height: 167px;
position: absolute;
z-index: 5;
left: 650px;
top: 260px;
}
#gamenews-title {
width: 341px;
height: 39px;
position: absolute;
background-image: url(img/010.png);
z-index: 6;
}
#gamenews-notice {
width: 45px;
height: 15px;
position: absolute;
z-index: 6;
background-image: url(img/011.png);
}
#gamenews-more {
width: 37px;
height: 8px;
position: absolute;
z-index: 6;
background-image: url(img/012.png);
left: 290px;
top: 14px;
cursor: pointer;
}
#gamenews-pic {
width: 111px;
height: 75px;
position: absolute;
z-index: 6;
background-image: url(img/013.png);
cursor: pointer;
}
#gamevideo {
width: 341px;
height: 223px;
position: absolute;
z-index: 5;
left: 650px;
top: 479px;
}
#gamevideo-title {
width: 341px;
height: 39px;
position: absolute;
background-image: url(img/014.png);
z-index: 6;
}
#gamevideo-video {
width: 190px;
height: 170px;
position: absolute;
background-image: url(img/015.png);
z-index: 6;
}
#gameupdate {
width: 353px;
height: 168px;
z-index: 5;
position: absolute;
background-image: url(img/016.png);
left: 630px;
top: 720px;
}
#gameupdate-go {
width: 39px;
height: 22px;
z-index: 6;
position: absolute;
background-image: url(img/017.png);
left: 156px;
top: 39px;
cursor: pointer;
background-repeat: no-repeat;
}
#login {
width: 161px;
height: 178px;
background-image: url(img/019.png);
position: relative;
top: -266px;
left: 36px;
z-index: 6;
font-size: 10px;
}
#yhm {
display: none;
}
#mm {
display: none;
}
#user {
width: 128px;
height: 22px;
background-image: url(img/020.png);
background-repeat: no-repeat;
border: hidden;
position: absolute;
left: 12px;
top: 60px;
color: white;
padding-left: 10px;
}
#pwd {
width: 128px;
height: 22px;
background-image: url(img/020.png);
background-repeat: no-repeat;
border: hidden;
position: absolute;
left: 12px;
top: 85px;
color: white;
padding-left: 10px;
}
#check {
position: absolute;
left: 15px;
top: 110px;
}
#log {
width: 140px;
height: 36px;
position: absolute;
background-image: url(img/21.png);
border: hidden;
left: 11px;
top: 130px;
cursor: pointer;
}
#new {
width: 93px;
height: 21px;
position: absolute;
background-image: url(img/022.png);
border: hidden;
border-radius: 6px;
left: 2px;
top: 185px;
padding-left: 10px;
cursor: pointer;
}
#fog {
width: 58px;
height: 21px;
position: absolute;
background-image: url(img/023.png);
border: hidden;
border-radius: 6px;
left: 100px;
top: 185px;
padding-left: 12px;
cursor: pointer;
}
#pic {
height: 180px;
width: 320px;
border-radius: 70px;
}
#out {
width: 320px;
height: 180px;
overflow: hidden;
position: absolute;
top: 10px;
left: 20px;
z-index: 1;
}
#inn {
width: 1500px;
height: 272px;
float: left;
}
#inn img {
width: 320px;
height: 180px;
float: left;
border-radius: 60px;
}
@media screen and ( max-width: 980px) {
#con {
width: 780px;
height: 1300px;
background-image: url(img/018.jpg);
}
#logo {
display: none;
}
#login {
/*border-radius: 30px;*/
width: 680px;
height: 57px;
background-color: rgb(253, 166, 9);
background-repeat: no-repeat;
top: -160px;
left: 36px;
overflow: hidden;
}
#gamestagamestra-top {
display: none;
}
#body {
top: -41px;
right: 100px;
left: -260px;
}
#cover-top {
left: 27px;
}
#bottom {
width: 780px;
height: 142px;
position: absolute;
top: 66%;
}
#bottom img {
width: 750px;
}
#user {
left: 214px;
top: 17px;
color: white;
padding-left: 10px;
}
#pwd {
left: 390px;
top: 17px;
color: white;
padding-left: 10px;
}
#log {
left: 530px;
top: 11px;
}
#check {
left: 450px;
top: 34px;
}
#yhm {
display: inline;
left: 159px;
top: 16px;
position: relative;
}
#mm {
left: 286px;
top: 16px;
display: inline;
position: relative;
}
#new {
left: 220px;
top: 38px;
}
#fog {
left: 389px;
top: 38px;
}
}
@media screen and ( max-width: 650px) {
#bottomest{
position: absolute;
width: 450px;
height: 140px;
z-index: 6;
background-image: url(img/001.png);
bottom: 0%;
}
#cover-top {
left: 0px;
width: 450px;
}
#con {
width: 450px;
height: 1910px;
background-image: url(img/027.png);
}
#body {
top: 30px;
width: 450px;
height: 2300px;
background-image: none;
left: -240px;
}
#gamenews {
left: 300px;
top: 880px;
}
#gamevideo {
left: 300px;
top: 1150px;
}
#gameupdate {
left: 290px;
top: 1380px;
}
#logo {
display: initial;
top: 0px;
left: 20px;
}
#bottom {
width: 460px;
height: 142px;
position: absolute;
top: 90%;
}
#bottom img {
width: 450px;
}
#lunbo {
left: 290px;
}
#login {
width: 161px;
人机交互界面设计大作业冲锋岛游戏网页（2页））
需积分: 35 98 浏览量
2018-06-27
23:15:30
上传
评论 3
收藏 2.34MB ZIP 举报
大作业Test.zip （54个子文件） 
大作业Test 
manifest.json 10KB .project 1KB
index.html 12KB .DS_Store 8KB index-2.html 11KB img 
908.png 62KB
903.jpg 149KB 909.png 6KB 914.jpg 59KB 027.png 176KB 015.png 54KB 011.png 1KB 022.png 1KB 004.png 23KB 026.jpg 33KB 920.png 65KB 906.png 51KB 915.png 34KB 010.png 3KB 904.jpg 20KB 907.png 159KB 024.png 98KB 007.png 1KB 912.jpg 25KB 005.png 21KB 913.png 4KB 018.jpg 68KB 013.png 19KB 014.png 3KB 003.png 30KB 009.png 1KB 905.png 112KB 917.jpg 17KB 025.jpg 92KB 21.png 9KB 023.png 1KB 020.png 583B 911.jpg 91KB 002.png 111KB 018.png 408KB 919.jpg 16KB 017.png 3KB 921.png 217KB 902.jpg 40KB 001.png 46KB 910.jpg 23KB 901.png 52KB 012.png 391B 008.png 7KB 006.png 83KB 019.png 7KB 016.png 64KB 918.jpg 20KB 916.jpg 54KB js css unpackage 资源评论
cxq2018
- 粉丝: 31
- 资源: 1
最新资源
- 多机调度问题贪心算法：理论探索与实践应用.zip
- 探索tecreate：软件开发的未来之星.zip
- 打标机项目C#源码连接扫码
- 基于SSM的房屋租赁系统的设计与实现
- xyctf：从入门到精通的实用指南.zip
- mmqrcode1714153659780.png
- Screenshot_2024-04-27-06-08-58-486_com.baidu.xin.aiqicha.jpg
- 基于Javaweb+Tomcat+MySQL的大学生公寓管理系统+sql文件.zip
- 实训作业基于javaweb的订单管理系统源码+数据库+实训报告.zip
- 多机调度问题贪心算法基于最小堆和贪心算法求解多机调度问题.zip
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
