HTML5期末大作业:游戏官网网站设计——神之刃游戏官网网页(6页) HTML+CSS+JavaScript web网页设计与开发
常见网页设计作业题材有
个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞蹈、 动漫、 明星、 服装、 体育、 化妆品、 物流、 环保、 书籍、 婚纱、 军事、 游戏、 节日、 戒烟、 电影、 摄影、 文化、 家乡、 鲜花、 礼品、 汽车、 其他
等网页设计题目,A+水平作业
, 可满足大学生网页大作业网页设计需求, 喜欢的可以下载!
一、作品展示
二、文件目录
三、代码实现
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="description" content="《神之刃》是全球首款3D次世代动作卡牌手游。次世代超清画面,华丽技能组合,超越1000种的炫酷战宠,为你带来真正的次世代手游。" />
<meta name="keywords" content="神之刃,神之刃官网,神之刃官方网站,手机游戏,卡牌游戏,卡牌手游,动作游戏,动作手游,3D游戏,3d手游,魔幻,1080P,次世代" />
<title>首页</title>
<link href="images/favicon.ico" type="image/x-icon" rel="icon" />
<link href="images/favicon.ico" type="image/x-icon" rel="shortcut icon" />
<link type="text/css" rel="stylesheet" href="css/main_curr.css" />
<script type="text/javascript">
//平台、设备和操作系统
var system ={
win : false,
mac : false,
xll : false
};
//检测平台
var p = navigator.platform;
system.win = p.indexOf("Win") == 0;
system.mac = p.indexOf("Mac") == 0;
system.x11 = (p == "X11") || (p.indexOf("Linux") == 0);
if(system.win||system.mac||system.xll){
}else{
window.location.href="http://szr.8864.com/mobile";
}
</script>
</head>
<body>
<div class="header">
<!--导航&下拉菜单 start-->
<dl id="nav">
<div style="height:48px; clear:both; overflow:hidden; width:10px;"></div>
<dt id="one-ddheader">
<span id="one_home" title="新闻资讯"></span>
<span id="one_news" title="游戏资料"></span>
<span id="one_gamedates" title="下载专区"></span>
<span id="one_download" title="帐号服务"></span>
<span id="one_followUs" title="关于我们"></span>
</dt>
<dd style="display: block; height:0px; opacity: 0;" id="one-ddcontent" class="c">
<div style="height:310px; width:1002px; margin:0 auto; position:relative;">
<a href="index.html" title="官网首页" class="nav_home" target="_blank"></a>
<ul id="two_home">
<li><a href="news.html" class="ml_1_1" target="_blank"></a></li>
<li><a href="news.html" class="ml_1_2" target="_blank"></a></li>
<li><a href="news.html" class="ml_1_3" target="_blank"></a></li>
</ul>
<ul id="two_news">
<li><a href="data.html" class="ml_2_1" target="_blank"></a></li>
<li><a href="http://szr.8864.com/special/xinshou/index.html" target="_blank" class="ml_2_2"></a></li>
<li><a href="http://szr.8864.com/special/job/soldier.html" class="ml_2_3" target="_blank"></a></li>
<li><a href="http://szr.8864.com/gamedatalist" class="ml_2_4" target="_blank"></a></li>
</ul>
var gameId = $(this).attr("gameid"),
eventName = $(this).attr("eventname"),
packageName = $(this).attr("href");
// 设置事件点下载统计
sendDownloadStat(gameId, eventName, encodeURIComponent(packageName));
});
});
</script>
<script type="text/javascript" src="js/main_curr.js"></script>
<script language="javascript" src="js/function.js"></script>
<!--弹出框 start-->
<script type="text/javascript">
function openDialog(myid){
showDialog.show({id:myid,bgcolor:'#000',opacity:60});
}
</script>
<script type="text/javascript" language="javascript" src="js/showDialog.min.js"></script>
<!--弹出框 end-->
<script src="http://www.8864.com/web_footer_szr_0.html" language="JavaScript"></script>
</body>
</html>
四、获取更多源码
~ 关注我,点赞博文~ 每天带你涨知识!
相关问题可以相互学习,可关注↓公Z号 获取更多源码