0
点赞
收藏
分享

微信扫一扫

html大作业网页代码——神之刃游戏官网网页(6页) HTML+CSS+JavaScript web网页设计与开发

开源分享 2022-04-19 阅读 52

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号 获取更多源码

举报

相关推荐

0 条评论