HTML5期末大作业:游戏官网网站设计——神之刃游戏官网网页(6页) HTML+CSS+JavaScript web网页设计与开发
文章目录
一、作品展示
二、文件目录
三、代码实现
<!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号 获取更多源码