网页设计练习（奥拉星空间战争）

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <link rel="alternate" media="only screen and(max-width: 640px)" href="http://m.100bt.com/aola/"><title>奥拉星官网_奥拉星亚比大全_奥拉星小游戏攻略_百田</title><meta name="keywords" content="奥拉星,奥拉星官网,奥拉星小游戏,奥拉星下载,奥拉星攻略,奥拉星亚比大全" /><meta name="description" content="百田奥拉星官网提供奥拉星小游戏下载，最新奥拉星攻略秘籍、亚比大全，帮助儿童们成为奥拉星的小勇士，充分发挥自己的探索精神。欢迎到百田奥拉星论坛与玩家交流。" /> <link type="text/css" href="http://www.100bt.com/resource/style/css.css" rel="stylesheet" /> <link href="http://www.100bt.com/resource/js/nav/commonNav.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="http://resource.a0bi.com/aola/dev/style/common.css?v=170119" /> <link rel="stylesheet" href="http://resource.a0bi.com/aola/dev/style/ybdq.css?20180112" /> <link type="text/css" href="http://resource.a0bi.com/resource/image/commonad/cssLong.css?v=2.0" rel="stylesheet" /> <link rel="stylesheet" href="http://resource.a0bi.com/aola/dev/style/index.css?v=170803" /> <link rel="stylesheet" href="http://resource.a0bi.com/aola/dev/style/gamelinks.css?v=170802" /> <script type="text/javascript" src="http://www.100bt.com/resource/js/lib/jquery-mig-min.js"></script> <script type="text/javascript"> function browserRedirect() { var ua=navigator.userAgent; var isFromMobile=false; if(ua.search(/(android)/i)>-1){ isFromMobile=true; }else if(ua.search(/(iphone|iPad)/i)>-1){ isFromMobile=true; } if(ua.search(/micromessenger/i)>-1){ isFromMobile=true; } return isFromMobile; } function getCookie(name){ var strCookie=document.cookie; var arrCookie=strCookie.split("; "); for(var i=0;i<arrCookie.length;i ){ var arr=arrCookie[i].split("="); if(arr[0]==name)return arr[1]; } return ""; } var isFromAppState=browserRedirect(); </script><script type="text/javascript" src="http://www.100bt.com/resource/js/nav/in-min.js"></script> <script type="text/javascript"> var ST_startTime=new Date(); var ST_DOMLoadedTime=ST_LoadTime=0; $(function(){ ST_DOMLoadedTime=new Date()-ST_startTime; }); $(window).load(function(){ ST_LoadTime=new Date()-ST_startTime; /*setDate*/ window.setUserModelValue&&setUserModelValue("ST_DOMLoadedTime",ST_DOMLoadedTime); window.setUserModelValue&&setUserModelValue("ST_LoadTime",ST_LoadTime); window.DC_SendUserModelData&&DC_SendUserModelData() }); </script> <script type="text/javascript">window.navisLoadHTMLByJSP = true; window.isHome=true; function jumpToWapAola(){ if(getCookie("wapaola")!=1&&isFromAppState){ location.href="http://m.100bt.com/aola/"; } } jumpToWapAola(); </script></head><body> <h1 class="site_title">奥拉星</h1><div id="baseNav" class="isloadingrightFtl"><div id="commonNav"><div id="w_navCtn" class="clearfix"> <a class="navLogo l" href="http://www.100bt.com/" target="_blank">百田网</a> <div class="navMenu l"> <div class="navMenuItem pr on"> <a target="_blank" href="http://www.100bt.com/aobi/" class="clearfix w_navMenuLinks normal"><span class="withIcon navItem_l l"><span class="navMenuIconMg">奥比岛</span></span><span class="navItem_r"></span></a> </div> <div class="navMenuItem pr"> <a target="_blank" href="http://aola.100bt.com/" class="clearfix w_navMenuLinks normal"><em class="hot"></em><span class="withIcon navItem_l l"><span class="navMenuIconMg">奥拉星</span></span><span class="navItem_r"></span></a> </div> <div class="navMenuItem pr"> <a target="_blank" href="http://www.100bt.com/lds/" class="clearfix w_navMenuLinks normal"><span class="navItem_l l"><span class="navMenuIconMg">龙斗士</span></span><span class="navItem_r"></span></a></div> <div class="navMenuItem pr"> <a target="_blank" href="http://aoqi.100bt.com/" class="clearfix w_navMenuLinks normal"><em class="hot"></em><span class="withIcon navItem_l l"><span class="navMenuIconMg">奥奇传说</span></span><span class="navItem_r"></span></a> </div> <div class="navMenuItem pr"> <a target="_blank" href="http://aoya.100bt.com/" class="clearfix w_navMenuLinks normal"><span class="navItem_l l"><span class="navMenuIconMg">奥雅之光</span></span><span class="navItem_r"></span></a></div> <div class="navMenuItem pr"> <a target="_blank" href="http://www.100bt.com/aoyi/?nav" class="clearfix w_navMenuLinks normal"><span class="navItem_l l"><em class="new"></em><span class="withIcon navMenuIconMg">奥义联盟</span></span><span class="navItem_r"></span></a> </div> <div class="navMenuItem pr"><a target="_blank" href="http://qq.100bt.com/" class="clearfix w_navMenuLinks normal"><em class="hot"></em><span class="withIcon navItem_l l"><span class="navMenuIconMg">圈圈</span></span><span class="navItem_r"></span></a></div> <div class="navMenuItem pr"> <a target="_blank" href="http://www.doudou.in/?daohang" class="clearfix w_navMenuLinks color090"><span class="navItem_l l"><span class="navMenuIconMg">豆豆游戏</span></span><span class="navItem_r"></span></a></div> <div class="navMenuItem pr"> <a target="_blank" href="http://www.100bt.com/xiaoshuo/" class="clearfix w_navMenuLinks color090"><span class="navItem_l l"><span class="navMenuIconMg">小说</span></span><span class="navItem_r"></span></a> </div>  <div id="top_bar" class="navMenuItem pr"> <div class="w_navMenuLinks pr"> <div id="top_bar_wpr" class="clearfix"> <span class="top_bar_all l">全部</span> <span id="top_bar_arrowhead" class="l"></span> </div></div> <span class="pa top_bar_bottom"></span></div>  </div> <div class="navLogins l"> <div class="navLoginsStatus_unlog" style="display: block;"> <a href="###" target="_self" onclick="showLogin()" rel="nofollow" class="color090">登录</a> <a href="http://account.9aoduo.com/register/register.action?duoduoId=0" target="_blank" rel="nofollow" class="navLinks_zhuce">注册</a> </div> <div class="navLoginsStatus_loged l"> <div class="logins_avatar l"> <img src="" alt="iphoto"><div class="logins_avatar_light"><a href="http://my.100bt.com/Home.action" class="full" target="_blank"></a></div> </div> <div class="userProfile l pr"> <div class="userProfile_bar pr"><span class="userProfile_name"><a href="http://my.100bt.com/Home.action" target="_blank"></a></span><span class="userProfileSlideIcon"></span></div> <ul class="userProfile_drops"> <li><a href="http://my.100bt.com/Home.action" rel="nofollow" target="_blank" class="full"><span class="userProfileIcon upi_home"></span><span>我的主页</span></a></li> <li><a href="http://my.100bt.com/ShowFriend.action" target="_blank" rel="nofollow" class="full"><span class="userProfileIcon upi_fan"></span><span>我的好友</span></a></li> <li><a href="http://my.100bt.com/" target="_blank" class="full"><span class="userProfileIcon upi_mod"></span><span>修改资料</span></a></li> <li><a href="http://my.100bt.com/validator/accountCenterLogin.html" target="_blank" rel="nofollow" class="full"><span class="userProfileIcon upi_safe"></span><span>帐户安全</span></a></li> <li><a href="#" rel="nofollow" class="full quitStyle" onclick="Logout();"><span class="userProfileIcon upi_quit"></span><span>退出</span></a></li> </ul> </div> <div class="navLogins_mail l"><a href="http://my.100bt.com/msg/message.jsp" target="_blank"><div class="w_loginMail"><span class="loginsIcon mailIcon"></span><span class="mailNb"><span id="reciveBoxUnreadMsgNum">0</span></span></div></a></div> </div> </div> <div class="navLinks r"><div class="navLinks_wpr"><a class="navLinks_chongzhi" rel="nofollow" href="http://pay.100bt.com/" target="_blank">充值</a><a href="http://account.9aoduo.com/register/register.action?gid=3" rel="nofollow" target="_blank" class="justHome navLinks_zhuce">注册</a><a target="_blank" rel="nofollow" href="http://kefu.100bt.com/">客服</a><a target="_self" href="###" rel="nofollow" class="navLinks_addFav">收藏</a><a class="justHome" href="#" onclick="SetHome(this,location)" rel="nofollow" target="_self">设为首页</a></div> </div> <div class="commonPop" style="display:none;"><a class="commonPop_close" href="###"></a><div class="commonPop_ctn"></div></div> </div></div><div id="tb_game_list" class="hide"><div id="tb_game_list_head"></div><div class="wtb_game_list"><ul class="tb_game_list clearfix"></ul><ul class="tb_game_list2 clearfix"></ul></div><div id="tb_game_list_foot"></div></div></div> <div class="wbg"> <div class="bigbg"> <div class="mainwidth" id="w_gamebox"> <div class="wgameBox wgameBox__t"> <a class="wgameBoxBtn01 wgameBoxBtn01--0" href="http://aola.100bt.com/yabi/yabidaquan.html?win" target="_blank"><span class="wgameBoxBtn01__t">亚比大全</span></a> <a class="wgameBoxBtn01 wgameBoxBtn01--1" href="http://aola.100bt.com/yabiCal.html?win" target="_blank"><span class="wgameBoxBtn01__t">亚比计算</span></a> <a class="wgameBoxLink01" href="http://aola.100bt.com/zixun/301774.html" target="_blank"><i class="wgameBoxLink01__i"></i><span class="wgameBoxLink01__name">全民英雄节！人手一只伊撒尔！</span></a> <a class="wgameBoxLink01" href="http://www.100bt.com/pt/alx/space.html?yy_dingbu_0228" target="_blank"><i class="wgameBoxLink01__i"></i><span class="wgameBoxLink01__name">【首发】奥拉星手游全新CG——空间战争曝光！</span></a> </div> <div class="zgwbox zgwbox_980"><div class="box_t"></div> <div class="box_g"><div id="gamebox" class="mainwidth"><div class="tC iloading">加载中请稍候...</div></div></div> <div class="box_b"></div> <div class="wgameBox__wb"> <div class="wgameBox wgameBox__b"> <a class="wgameBoxBtn02" href="http://aola.100bt.com/dafahuizong/11043_bossplay.html?win" target="_blank"><span class="wgameBoxBtn02__t">本周BOSS怎么打</span></a> <a class="wgameBoxBtn02" href="http://aola.100bt.com/shuxingkezhi.html?win" target="_blank"><span class="wgameBoxBtn02__t">亚比属性克制关系</span></a> <a class="wgameBoxBtn02" href="http://aola.100bt.com/zixun/261569.html?win" target="_blank"><span class="wgameBoxBtn02__t">微信专属礼包领取</span></a> <a class="wgameBoxBtn02" href="http://aola.100bt.com/shipin/img/291_0shipinlist.html?win" target="_blank"><span class="wgameBoxBtn02__t">高手视频攻略</span></a> <a class="wgameBoxBtn02" href="http://aola.100bt.com/tougao/img/0shouhui.html?win"

查看全文