Javascript仿新浪游戲頻道鼠標懸停顯示子菜單效果
編輯：關於JavaScript
本文實例講述了Javascript仿新浪游戲頻道鼠標懸停顯示子菜單效果，分享給大家供大家參考。具體如下：
這裡演示使用JS實現的網頁欄目分類菜單，從新浪游戲頻道扣下來的，操作方式類似於滑動門的效果，鼠標無需點擊，只需把鼠標放在一級主菜單上，就可顯示出二級分類菜單，這彈出的這個二級菜單中，實際上又重新進行了分類，可以說整體上，這是一款支持三級分類的網站菜單，目前新浪游戲還在用的效果哦。
先來看運行效果截圖：
在線演示地址如下：
http://demo.jb51.net/js/2015/js-games-mouse-over-show-menu-codes/
具體代碼如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>js仿新浪游戲頻道導航條</title>
<style type="text/css">
*{margin:0;padding:0;}
body{font:14px "微軟雅黑", arial, serif;color:#333;}
a,a:link,a:visited{color:#039;}
img{border:0;}
.header_bg{width:100%;height:128px;background:url(images/header.jpg) no-repeat center top;}
.header{margin:0 auto 0 auto;width:988px;height:128px;background:url(images/header_z.jpg) no-repeat center top;}
.nav{position:relative;left:4px;top:92px;width:950px;height:35px;background:#333;border-top:1px solid #444;}
.nav .list{list-style-type:none;margin-left:15px;}
.nav .list li{float:left;position:relative;height:35px;line-height:26px;}
.nav .list li .game_hover{float:left;display:block;margin-top:5px;height:30px;padding:0 10px 0 10px;color:#ccc;font-weight:bold;text-decoration:none;}
.nav .list li .game_hover_current,
.nav .list li .game_hover:hover{background-color:#fff;color:#575757;margin-top:4px;padding:0 9px 0 9px;border:1px solid #666;border-bottom:0;}
.hover_cont{display:none;position:absolute;width:auto;height:auto; top:35px;border:1px solid #666;border-top:0;border-bottom-width:2px;background:#fff;z-index:1000;}
.hover_cont .nav_cont{padding:15px;padding-bottom:0;}
.hover_cont .nav_li{display:inline-block;width:100%;height:100%;*height:auto;*margin-top:7px;padding-bottom:5px;*padding-bottom:12px;border-bottom:1px dashed #ccc;}
.hover_cont .nav_li_l{float:left;width:80px;color:#f60;font-weight:bold;}
.hover_cont .nav_li_r{float:left;color:#999;font-family:"宋體";font-size:10px;line-height:26px;}
.hover_cont .nav_li_r a{padding:0 1px 0 1px;color:#666;font-size:12px;text-decoration:none;}
.hover_cont .nav_li_r a:hover{color:red;}
.hover_cont .nav_li_r a.orange{color:#f60;}
.nav .list .wlyx{width:720px;left:0;}
.nav .list .djdj{width:800px;left:0;}
.nav .list .yy{width:740px;left:0;}
.nav .list .dwsy{width:750px;left:0;}
.nav .list .xsk{width:740px;left:0;}
.nav .list .cgwr{width:610px;left:0;}
.nav .list .xz{width:630px;right:0;}
.nav .list .mt{width:580px;right:0;}
.nav .list .kyx{width:610px;right:0;}
.nav .list .wt{width:510px;right:0;}
.nav .list .cy{width:540px;right:0;}
.nav .list .wb{width:710px;right:0;}
.nav .list .xyx{width:740px;right:0;}
.nav .list .sp{width:730px;right:0;}
.nav .list .sc{width:700px;right:0;}
.content{margin:15px auto 0 auto;width:980px;height:500px;background:#ccc;}
</style>
<script type="text/javascript">
var $$ = function (id) {
return document.getElementById(id);
}
var getByClass = function (oParent, sClass) {
var aEle = oParent.getElementsByTagName("*");
var re = new RegExp("\\b" + sClass + "\\b");
var arr = [];
for (var i = 0; i < aEle.length; i++) {
if (re.test(aEle[i].className)) {
arr.push(aEle[i]);
}
}
return arr;
}
var setMainNav = function () {
var oMainNav = $$("mainNav");
var aLi = getByClass(oMainNav, "list")[0].getElementsByTagName("li");
var aGameHover = getByClass(oMainNav, "game_hover");
var aHoverCont = getByClass(oMainNav, "hover_cont");
for (var i = 0; i < aGameHover.length; i++) {
aGameHover[i].index = i;
aGameHover[i].onmouseover = function () {
this.className += " "+"game_hover_current";
for (var j = 0; j < aHoverCont.length; j++) {
aHoverCont[j].index_j = j;
aHoverCont[j].style.display = "none";
aHoverCont[j].onmouseover = function () {
this.style.display = "block";
aGameHover[this.index_j].className += " "+"game_hover_current";
}
aHoverCont[j].onmouseout = function () {
this.style.display = "none";
}
}
if (aHoverCont[this.index]) {
aHoverCont[this.index].style.display = "block";
}
}
}
for (var i = 0; i < aLi.length; i++) {
aLi[i].index = i;
aLi[i].onmouseout = function () {
if (aHoverCont[this.index]) {
aHoverCont[this.index].style.display = "none";
}
aGameHover[this.index].className = "game_hover";
}
}
}
window.onload = function () {
setMainNav();
}
</script>
</head>
<body>
<div class="header_bg">
<div class="header">
<div class="nav" id="mainNav">
<ul class="list">
<li>
<a href="#" class="game_hover">網絡游戲</a>
<div class="hover_cont wlyx">
<div class="nav_cont">
<div class="nav_li">
<div class="nav_li_l">
熱門網游
</div>
<div class="nav_li_r">
<a href="#">問道</a>┊<a href="#">DOTA2</a>┊<a href="#">魔獸世界</a>┊<a href="#">夢幻西游</a>┊<a href="#">九陰真經</a>┊<a href="#">頹廢之心</a>┊<a href="#">英雄聯盟</a>┊<a href="#">天龍八部</a>┊<a href="#">龍之谷</a>┊<a href="#">星辰變</a><br />
<a href="#">劍靈</a>┊<a href="#">征途2</a>┊<a href="#">神鬼世界</a>┊<a href="#">劍俠情緣3</a>┊<a href="#">倩女幽魂</a>┊<a href="#">永恆之塔</a>┊<a href="#">仙俠世界</a>┊<a href="#">龍門客棧</a>┊<a href="#">獨孤求敗</a>┊<a href="#">神武</a>
</div>
</div>
<div class="nav_li">
<div class="nav_li_l">
期待網游
</div>
<div class="nav_li_r">
<a href="#">問道</a>┊<a href="#">DOTA2</a>┊<a href="#">魔獸世界</a>┊<a href="#">夢幻西游</a>┊<a href="#">九陰真經</a>┊<a href="#">頹廢之心</a>┊<a href="#">英雄聯盟</a>┊<a href="#">天龍八部</a>┊<a href="#">龍之谷</a>┊<a href="#">星辰變</a><br />
<a href="#">劍靈</a>┊<a href="#">征途2</a>┊<a href="#">神鬼世界</a>┊<a href="#">劍俠情緣3</a>┊<a href="#">倩女幽魂</a>┊<a href="#">永恆之塔</a>┊<a href="#">仙俠世界</a>┊<a href="#">龍門客棧</a>┊<a href="#">獨孤求敗</a>┊<a href="#">神武</a>
</div>
</div>
<div class="nav_li">
<div class="nav_li_l">
新游尾行
</div>
<div class="nav_li_r">
<a href="#" title="怪物獵人OL">怪物獵人OL全球玩家評論收集</a>┊<a href="#" title="聖王_新浪游戲">聖王首測視頻解說</a>┊<a href="#" title="龍門客棧_新浪游戲">龍門客棧五大特色詳解</a>┊<a href="#" title="行星邊際2_新浪游戲">行星邊際2老玩家10大建議</a>┊<a href="#" title="新游尾行匯總頁" class="orange">更多>></a>
</div>
</div>
<div class="nav_li">
<div class="nav_li_l">
熱門廠商
</div>
<div class="nav_li_r">
<a href="#" title="騰訊游戲_新浪游戲">騰訊游戲</a>┊<a href="#" title="網易游戲_新浪游戲">網易游戲</a>┊<a href="#" title="盛大游戲_新浪游戲">盛大游戲</a>┊<a href="#" title="完美世界_新浪游戲">完美世界</a>┊<a href="#" title="巨人網絡_新浪游戲">巨人網絡</a>┊<a href="#" title="暢游_新浪游戲">暢游</a>┊<a href="#" title="游戲蝸牛_新浪游戲">游戲蝸牛</a>┊<a href="#" title="空中網_新浪游戲">空中網</a>┊<a href="#" title="麒麟游戲_新浪游戲">麒麟游戲</a>┊<a href="#" title="昆侖萬維_新浪游戲">昆侖萬維</a>
</div>
</div>
<div class="nav_li">
<div class="nav_li_l">
本周測試
</div>
<div class="nav_li_r">
<a href="#" title="狂刃內測">狂刃內測</a>┊<a href="#" title="戰靈首測">戰靈首測</a>┊<a href="#" title="新水浒Q傳2內測">新水浒Q傳2內測</a>┊<a href="#" title="騎士3.0首測">騎士3.0首測</a>┊<a href="#" title="龍門客棧公測">龍門客棧公測</a>┊<a href="#" title="狂劍公測">狂劍公測</a>┊<a href="#" title="末日屠龍首測">末日屠龍首測</a>┊<a href="#" title="更多" class="orange">更多>></a>
</div>
</div>
<div class="nav_li" style="border: 0;">
<div class="nav_li_l">
玩家頻道
</div>
<div class="nav_li_r">
<a href="#" title="玩家聚焦">玩家聚焦關注游戲焦點</a>┊<a href="#" title="八卦趣聞">八卦趣聞包攬奇聞趣事</a>┊<a href="#" title="雷人囧圖">雷人囧圖盡享美女盛宴</a>┊<a href="#" title="搞笑視頻">搞笑視頻看遍人間悲喜</a>┊<a href="#" title="更多" class="orange">更多>></a>
</div>
</div>
</div>
</div>
</li>
<li>
<a href="#" class="game_hover">單機電競</a>
<div class="hover_cont djdj">
<div class="nav_cont">
<div class="nav_li">
<div class="nav_li_l">
角色扮演
</div>
<div class="nav_li_r">
<a href="#" title="暗黑破壞神3">暗黑破壞神3</a>┊<a href="#" title="仙劍奇俠傳5">仙劍奇俠傳5</a>┊<a href="#" title="古劍奇譚">古劍奇譚</a>┊<a href="#" title="質量效應3">質量效應3</a>┊<a href="#" title="仙劍5前傳">仙劍5前傳</a>┊<a href="#" title="最後的神跡">最後的神跡</a>┊<a href="#" title="上古卷軸5">上古卷軸5</a>┊<a href="#" title="軒轅劍：雲之遙">軒轅劍：雲之遙</a>┊<a href="#" title="巫師2">巫師2</a>┊<a href="#" title="更多"class="orange">更多>></a>
</div>
</div>
<div class="nav_li">
<div class="nav_li_l">
射擊游戲
</div>
<div class="nav_li_r">
<a href="#" title="使命召喚9：黑色行動2">使命召喚9</a>┊<a href="#" title="幽靈行動4">幽靈行動4</a>┊<a href="#" title="孤島危機3">孤島危機3</a>┊<a href="#" title="殺出重圍3">殺出重圍3</a>┊<a href="#" title="傳送門2">傳送門2</a>┊<a href="#" title="生化奇兵：無限">生化奇兵：無限</a>┊<a href="#" title="皇牌空戰7">皇牌空戰7</a>┊<a href="#" title="孤島驚魂3">孤島驚魂3</a>┊<a href="#" title="狙擊精英V2">狙擊精英V2</a>┊<a href="#" title="更多"class="orange">更多>></a>
</div>
</div>
<div class="nav_li">
<div class="nav_li_l">
動作冒險
</div>
<div class="nav_li_r">
<a href="#" title="馬克思佩恩3">馬克思佩恩3</a>┊<a href="#" title="殺手5：赦免">殺手5：赦免</a>┊<a href="#" title="熱血無賴">熱血無賴</a>┊<a href="#" title="羞辱">羞辱</a>┊<a href="#" title="刺客信條3">刺客信條3</a>┊<a href="#" title="古墓麗影9">古墓麗影9</a>┊<a href="#" title="虐殺原形2">虐殺原形2</a>┊<a href="#" title="強襲裝甲零號">強襲裝甲零號</a>┊<a href="#" title="更多"class="orange">更多>></a>
</div>
</div>
<div class="nav_li">
<div class="nav_li_l">
策略游戲
</div>
<div class="nav_li_r">
<a href="#" title="星際爭霸2">星際爭霸2</a>┊<a href="#" title="魔獸爭霸3">魔獸爭霸3</a>┊<a href="#" title="DOTA2">DOTA2</a>┊<a href="#" title="紀元2070">紀元2070</a>┊<a href="#" title="海商王3">海商王3</a>┊<a href="#" title="文明5">文明5</a>┊<a href="#" title="三國志12">三國志12</a>┊<a href="#" title="將軍2：武士之殇">將軍2：武士之殇</a>┊<a href="#" title="模擬城市5">模擬城市5</a>┊<a href="#" title="英雄無敵6">英雄無敵6</a>┊<a href="#" title="更多"class="orange">更多>></a>
</div>
</div>
<div class="nav_li">
<div class="nav_li_l">
體育競速
</div>
<div class="nav_li_r">
<a href="#" title="極品飛車17">極品飛車17</a>┊<a href="#" title="塵埃決戰">塵埃決戰</a>┊<a href="#" title="山脊賽車：無限">山脊賽車：無限</a>┊<a href="#" title="FIFA 13">FIFA足球13</a>┊<a href="#" title="實況足球2013">實況足球2013</a>┊<a href="#" title="NBA2K13">NBA2K13</a>┊<a href="#" title="無限試駕2">無限試駕2</a>┊<a href="#" title="爭分奪秒">爭分奪秒</a>┊<a href="#" title="更多"class="orange">更多>></a>
</div>
</div>
<div class="nav_li">
<div class="nav_li_l">
期待新作
</div>
<div class="nav_li_r">
<a href="#" title="賽車計劃">賽車計劃</a>┊<a href="#" title="軒轅劍6">軒轅劍6</a>┊ <a href="#" title="FIFA 14">FIFA 14</a>┊<a href="#" title="極品飛車18">極品飛車18</a>┊<a href="#" title="古劍奇譚2">古劍奇譚2</a>┊<a href="#" title="俠盜獵車手5">俠盜獵車手5</a>┊<a href="#" title="使命召喚10">使命召喚10</a>┊<a href="#" title="戰地4">戰地4</a>┊<a href="#" title="羅馬2：全面戰爭">羅馬2：全面戰爭</a>┊<a href="#" title="更多單機游戲" class="orange">更多>></a>
</div>
</div>
<div class="nav_li" style="border: 0;">
<div class="nav_li_l">
電子競技
</div>
<div class="nav_li_r">
<a href="#">電子競技新聞</a>┊<a href="#" title="電子競技八卦">電子競技八卦</a>┊<a href="#" title="競技地圖下載">競技地圖下載</a>┊<a href="#" title="競技錄像下載">競技錄像下載</a>┊<a href="#" title="WCG2012專題">WCG2012專題</a>┊<a href="#" title="更多電子競技" class="orange">更多>></a>
</div>
</div>
</div>
</div>
</li>
<li>
<a href="#" class="game_hover">頁游</a>
<div class="hover_cont yy">
<div class="nav_cont">
<div class="nav_li">
<div class="nav_li_l">
新浪玩玩
</div>
<div class="nav_li_r">
<a href="#" title="聖杯傳說">聖杯傳說</a>┊<a href="#" title="創世三國">創世三國</a>┊<a href="#" title="海神">海神</a>┊<a href="#" title="開天辟地">開天辟地</a>┊<a href="#" title="龍將">龍將</a>┊<a href="#" title="一代宗師">一代宗師</a>┊<a href="#" title="小小海賊王">小小海賊王</a>┊<a href="#" title="足球天下2">足球天下2</a>┊<a href="#" title="神仙道">神仙道</a>┊<a href="http://www.jb51.net/" title="海洋時代2">海洋時代2</a>┊<a href="#" title="富人國">富人國</a><br><a href="#" title="隋唐霸業">隋唐霸業</a>┊<a href="#" title="球王爭霸">球王爭霸</a>┊<a href="#" title="航海之王">航海之王</a>┊<a href="#" title="范特西籃球">范特西籃球</a>┊<a href="#" title="NBA籃球經理">NBA籃球經理</a>┊<a href="#" title="富豪傳奇">富豪傳奇</a>┊<a href="#" title="熱血三國2">熱血三國2</a>┊<a href="#" title="更多"class="orange">更多>></a>
</div>
</div>
<div class="nav_li" style="border: 0;">
<div class="nav_li_l">
熱門頁游
</div>
<div class="nav_li_r">
<a href="#" title="龍魂天下">龍魂天下</a>┊<a href="#" title="龍歌">龍歌</a>┊<a href="#" title="神仙道">神仙道</a>┊<a href="#" title="美食獵人">美食獵人</a>┊<a href="#" title="彈彈堂">彈彈堂</a>┊<a href="#" title="天珠變">天珠變</a>┊<a href="#" title="大俠傳">大俠傳</a>┊<a href="#" title="新仙劍奇俠傳OL">新仙劍奇俠傳OL</a>┊<a href="#" title="絕代雙驕">絕代雙驕</a>┊<a href="#" title="古劍奇俠">古劍奇俠</a><br><a href="#" title="大三國志">大三國志</a>┊<a href="#" title="烈火戰神">烈火戰神</a>┊<a href="#" title="信喵之野望">信喵之野望</a>┊<a href="#" title="女僕之心">女僕之心</a>┊<a href="#" title="楚漢傳奇">楚漢傳奇</a>┊<a href="#" title="熱血海賊王">熱血海賊王</a>┊<a href="#" title="神曲">神曲</a>┊<a href="#" title="街機三國">街機三國</a>┊<a href="#" title="更多網頁游戲" class="orange">更多>></a>
</div>
</div>
</div>
</div>
</li>
<li>
<a href="#" class="game_hover">電玩手游</a>
<div class="hover_cont dwsy">
<div class="nav_cont">
<div class="nav_li">
<div class="nav_li_l">
熱門游戲
</div>
<div class="nav_li_r">
<a href="#" title="怪物獵人3">怪物獵人3</a>┊<a href="#" title="戰神3">戰神3</a>┊<a href="#" title="神秘海域3">神秘海域3</a>┊<a href="#" title="超級街霸4">超級街霸4</a>┊<a href="#" title="使命召喚8">使命召喚8</a>┊<a href="#" title="波斯王子4">波斯王子4</a>┊<a href="#" title="GT賽車5">GT賽車5</a>┊<a href="#" title="極品飛車16">極品飛車16</a>┊<a href="#" title="刺客信條">刺客信條</a>┊<a href="#" title="拳皇13">拳皇13</a><br>
<a href="#" title="寄生前夜3">寄生前夜3</a>┊<a href="#" title="戰地3">戰地3</a>┊<a href="#" title="憤怒的小鳥">憤怒的小鳥</a>┊<a href="#" title="真三國無雙6">真三國無雙6</a>┊<a href="#" title="生化危機">生化危機</a>┊<a href="#" title="最終幻想13-2">最終幻想13-2</a>┊<a href="#" title="勇者斗惡龍6">勇者斗惡龍6</a>┊<a href="#" title="使命召喚8">使命召喚8</a>┊<a href="#" title="英雄傳說8">英雄傳說8</a>
</div>
</div>
<div class="nav_li">
<div class="nav_li_l">
近期新作
</div>
<div class="nav_li_r">
<a href="#" title="DMC：鬼泣">DMC：鬼泣</a>┊<a href="#" title="生化危機6">生化危機6</a>┊<a href="#" title="光環4">光環4</a>┊<a href="#" title="孤島驚魂3">孤島驚魂3</a>┊<a href="#" title="刺客信條3">刺客信條3</a>┊<a href="#" title="實況足球2013">實況足球2013</a>┊<a href="#" title="FIFA 13">FIFA 13</a>┊<a href="#" title="NBA 2K13">NBA 2K13</a>┊<a href="#" title="極品飛車17">極品飛車17</a><br>
<a href="#" title="無主之地2">無主之地2</a>┊<a href="#" title="忍者龍劍傳3">忍龍3</a>┊<a href="#" title="海賊王無雙">海賊王無雙</a>┊<a href="#" title="生化危機：浣熊市行動">生化危機：浣熊市行動</a>┊<a href="#" title="聖斗士星矢戰記">聖斗士星矢戰記</a>┊<a href="#" title="忍者龍劍傳3">上古卷軸5</a>┊<a href="#" title="電鋸糖心">電鋸糖心</a>┊<a href="#" title="質量效應3">質量效應3</a>
</div>
</div>
<div class="nav_li">
<div class="nav_li_l">
即將發售
</div>
<div class="nav_li_r">
<a href="#" title="怪物獵人4">怪物獵人4</a>┊<a href="#" title="口袋妖怪：X/Y">口袋妖怪：X/Y</a>┊<a href="#" title="初音未來：歌姬計劃f">初音未來：歌姬計劃f</a>┊<a href="#" title="海賊無雙2">海賊無雙2</a>┊<a href="#" title="真三國無雙7">三國無雙7</a>┊<a href="#" title="真北斗無雙">北斗無雙2</a>┊<a href="#" title="死亡空間3">死亡空間3</a>┊<a href="#" title="超時空要塞30">超時空要塞30</a><br>
<a href="#" title="細胞分裂6">細胞分裂6</a>┊<a href="#" title="GTA5">GTA5</a>┊<a href="#" title="戰神：升天">戰神：升天</a>┊<a href="#" title="孤島驚魂3">孤島驚魂3</a>┊<a href="#" title="古墓麗影9">古墓麗影9</a>┊<a href="#" title="孤島危機3">孤島危機3</a>┊<a href="#" title="生化奇兵：無限">生化奇兵：無限</a>┊<a href="#" title="末世余生">末世余生</a>┊<a href="#" title="合金裝備崛起">合金裝備崛起</a>
</div>
</div>
<div class="nav_li" style="border: 0;">
<div class="nav_li_l">
手機游戲
</div>
<div class="nav_li_r">
<a href="#" title="免費iPhone游戲">免費iPhone游戲</a>┊<a href="#" title="免費Android游戲">免費Android游戲</a>┊<a href="#" title="免費Symbian游戲">免費Symbian游戲</a>┊<a href="#" title="手游新聞">手游新聞</a>┊<a href="#" title="手游攻略">手游攻略</a>┊<a href="#" title="行業新聞">行業新聞</a>┊<a href="#" title="游戲庫">游戲庫</a>┊<a href="#" title="論壇">論壇</a>┊<a href="#" title="更多手機游戲" class="orange">更多>></a>
</div>
</div>
</div>
</div>
</li>
<li>
<a href="#" class="game_hover">新手卡</a>
<div class="hover_cont xsk">
<div class="nav_cont">
<div class="nav_li">
<div class="nav_li_l">
熱門游戲
</div>
<div class="nav_li_r">
<a href="#" title="仙俠世界_新手卡">仙俠世界</a>┊<a href="#"target="_blank" title="聖斗士星矢_新手卡">聖斗士星矢</a>┊<a href="#"target="_blank" title="坦克世界_新手卡">坦克世界</a>┊<a href="#"target="_blank" title="聖境傳說_新手卡">聖境傳說</a>┊<a href="#"target="_blank" title="桃花源記_新手卡">桃花源記</a>┊<a href="#"target="_blank" title="夢三國_新手卡">夢三國</a>┊<a href="#"target="_blank" title="劍網3_新手卡">劍網3</a>┊<a href="#"target="_blank" title="征途2S_新手卡">征途2S</a>┊<a href="#"target="_blank" title="笑傲江湖_新手卡">笑傲江湖OL</a>┊<a href="#"target="_blank" title="倩女幽魂_新手卡">倩女幽魂</a><br/><a href="#"target="_blank" title="零紀元_新手卡">零紀元</a>┊<a href="#"target="_blank" title="天龍八部_新手卡">天龍八部OL</a>┊<a href="#"target="_blank" title="夢幻西游2_新手卡">夢幻西游2</a>┊<a href="#"target="_blank" title="問道_新手卡">問道</a>┊<a href="#"target="_blank" title="聖杯傳說_新手卡">聖杯傳說</a>┊<a href="#"target="_blank" title="西游3_新手卡">西游3</a>┊<a href="#"target="_blank" title="頹廢之心_新手卡">頹廢之心</a>┊<a href="#"target="_blank" title="新水浒Q傳_新手卡">新水浒Q傳</a>┊<a href="#"target="_blank" title="誅仙2_新手卡">誅仙2</a>┊<a href="#"target="_blank" title="斬魂_新手卡">斬魂</a>┊<a href="#"target="_blank" title="斬魂_新手卡">大唐2</a>┊<a href="#"target="_blank" title="斬魂_新手卡">武魂</a>
</div>
</div>
<div class="nav_li">
<div class="nav_li_l">
特權推薦
</div>
<div class="nav_li_r">
<a href="#" title="東方故事_新手卡">東方故事</a>┊ <a href="#" title="魔域_新手卡">魔域</a>┊<a href="#" title="龍之谷_新手卡">龍之谷</a>┊<a href="#" title="夢幻誅仙2_新手卡">夢幻誅仙2</a>┊<a href="#" title="畫皮世界_新手卡">畫皮世界</a>┊<a href="#" title="晴空物語_新手卡">晴空物語</a>┊<a href="#" title="星辰變_新手卡">星辰變</a>┊<a href="#" title="神仙傳_新手卡">神仙傳</a>┊<a href="#" title="NBA2K_新手卡">NBA2K OL</a>┊<a href="#" title="天驕3_新手卡">天驕3</a>┊<a href="#" title="九陰真經_新手卡">九陰真經</a><br/><a href="#" title="神武_新手卡">神武</a>┊<a href="#" title="神魔大陸_新手卡">神魔大陸</a>┊<a href="#" title="新征途_新手卡">新征途</a>┊<a href="#" title="龍之傳奇_新手卡">尋龍記</a>┊<a href="#" title="桃園_新手卡">桃園將星錄</a>┊<a href="#" title="神雕俠侶_新手卡">神雕俠侶</a>┊<a href="#" title="仙俠世界_新手卡">仙俠世界</a>┊<a href="#" title="屠龍傳說_新手卡">屠龍傳說</a>┊<a href="#" title="封神榜3_新手卡">封神榜3</a>┊<a href="#" title="行星邊際2_新手卡">行星邊際2</a>
</div>
</div>
<div class="nav_li">
<div class="nav_li_l">
會員特權
</div>
<div class="nav_li_r">
<a href="#" title="夢幻西游特權禮包">夢幻西游</a>┊ <a href="#" title="降龍之劍軒轅幻化福氣包">降龍之劍</a>┊<a href="#" title="降龍之劍極致版七劍修羅彩蛋禮包">降龍之劍極致版</a>┊<a href="#" title="問道1368天外飛仙會員貴賓卡">問道</a>┊<a href="#" title="大唐2特權禮包">大唐2</a>┊<a href="#" title="劍網3名駒卡">劍網3</a>┊<a href="#" title="龍之谷特權禮">龍之谷</a>┊<a href="#" title="神雕俠侶特權禮包">神雕俠侶</a>┊<a href="#" title="倩女幽魂特權禮包">倩女幽魂</a>┊<a href="#" title="月影傳說特權禮包">月影傳說</a><br/><a href="#" title="九陰真經尋無止境禮包">九陰真經</a>┊<a href="#" title="星辰變會員特權禮包">星辰變</a>┊<a href="#" title="傳奇世界2會員特權禮包">傳奇世界2</a>┊<a href="#" title="成吉思汗3會員特權禮包">成吉思汗3</a>┊<a href="#" title="夢三國會員特權禮包">夢三國</a>┊<a href="#" title="逍遙江湖特權禮包">逍遙江湖</a>┊<a href="#" title="征途2S特權禮包">征途2S</a>┊<a href="#" title="畫皮II特權禮包">畫皮II</a> ┊<a href="#" title="更多微博會員特權"><font color="#FF0000">更多>></font></a>
</div>
</div>
<div class="nav_li">
<div class="nav_li_l">
手游推薦
</div>
<div class="nav_li_r">
<a href="#" title="熱血兄弟_新手卡">熱血兄弟</a>┊<a href="#" title="喵將傳_新手卡">喵將傳</a>┊<a href="#" title="百萬亞瑟王_新手卡">百萬亞瑟王</a>┊<a href="#" title="逆戰幻想_新手卡">逆戰幻想</a>┊<a href="#" title="混沌與秩序_新手卡">混沌與秩序</a>┊<a href="#" title="逆轉天下_新手卡">逆轉天下</a>┊<a href="#" title="王者之劍_新手卡">王者之劍</a>┊<a href="#" title="幻想英雄_新手卡">幻想英雄</a>┊<a href="#" title="水浒英雄_新手卡">水浒英雄</a><br/><a href="#" title="逆戰幻想_新手卡">時空獵人</a>┊<a href="#" title="瘋狂部落_新手卡">冒險王</a>┊<a href="#" title="英雄戰魂_新手卡">英雄戰魂</a>┊<a href="#" title="永生門_新手卡">永生門</a>┊<a href="#" title="流氓來了下_新手卡">流氓來了</a>┊<a href="#" title="軒轅_新手卡">軒轅</a>┊<a href="#" title="名將無雙_新手卡">名將無雙</a>┊<a href="#" title="戰三國_新手卡">戰三國</a>┊<a href="#" title="大掌門_新手卡">大掌門</a>┊<a href="#" title="熱血海賊王_新手卡">熱血海賊王</a>┊<a href="#" title="更多手游新手卡"><font color="#FF0000">更多>></font></a>
</div>
</div>
<div class="nav_li">
<div class="nav_li_l">
熱門預訂
</div>
<div class="nav_li_r">
<a href="#"target="_blank" title="藏地傳奇_新手卡">藏地傳奇</a>┊
<a href="#"target="_blank" title="頹廢之心_激活碼">頹廢之心</a>┊<a href="#"target="_blank" title="FireFall_激活碼">FireFall</a>┊<a href="#"target="_blank" title="龍劍_激活碼">龍劍</a>┊<a href="#"target="_blank" title="斗戰神_激活碼">斗戰神</a>┊<a href="#"target="_blank" title="笑傲江湖OL_激活碼">笑傲江湖OL</a>┊<a href="#"target="_blank" title="劍靈OL_激活碼">劍靈OL</a>┊<a href="#"target="_blank" title="使命召喚OL_激活碼">使命召喚OL</a>┊<a href="#"target="_blank" title="Dota2_激活碼">Dota2</a>┊<a href="#"target="_blank" title="黑金_激活碼">黑金</a>┊<a href="#"target="_blank" title="行星邊際2_激活碼">行星邊際2</a><br />
<a href="#"target="_blank" title="激戰2_激活碼">激戰2</a>┊<a href="#"target="_blank" title="黎明之光_激活碼">黎明之光</a>┊<a href="#"target="_blank" title="天剎_激活碼">天剎</a>┊<a href="#"target="_blank" title="上古世紀_激活碼">上古世紀</a>┊<a href="#"target="_blank" title="最終幻想14_激活碼">最終幻想14</a>┊<a href="#"target="_blank" title="聖斗士星矢_激活碼">聖斗士星矢</a>┊<a href="#"target="_blank" title="泰坦戰爭_激活碼">泰坦戰爭</a>┊<a href="#"target="_blank" title="無冬之夜OL_激活碼">無冬之夜</a>┊<a href="#"target="_blank" title="企鵝戰爭_激活碼">企鵝戰爭</a>┊<a href="#"target="_blank" title="魔界村OL_激活碼">魔界村</a>
<a href="#" title="更多游戲預訂"><font color="#FF0000">更多>></font></a>
</div>
</div>
<div class="nav_li" style="border: 0;">
<div class="nav_li_l">
專題活動
</div>
<div class="nav_li_r">
<a href="#" title="盤點那些伴你獨霸武林的特權卡">盤點那些伴你獨霸武林的特權卡</a>┊<a href="#" title="一周熱門發卡TOP10">一周熱門發卡TOP10（7.15-7.21）</a>┊<a href="#" title="美女最多網游推薦">美女最多的網游推薦</a>┊<a href="#" title="熱門動漫改編網游新手卡推薦">動漫網游發卡推薦</a><br/>
<a href="#" title="《東方故事》找童年聚死黨參與活動贏大獎">《東方故事》找童年聚死黨參與活動贏大獎</a>┊<a href="#" title="領《蜀門》特權卡得越南妞簽名靓照">領《蜀門》特權卡得越南妞簽名靓照</a>
</div>
</div>
</div>
</div>
</li>
<li>
<a href="#" class="game_hover">CGWR排行榜</a>
<div class="hover_cont cgwr">
<div class="nav_cont">
<div class="nav_li">
<div class="nav_li_l">
網游排行
</div>
<div class="nav_li_r">
<a href="#" title="星際爭霸2：蟲群之心_CGWR">No.1：星際爭霸2：蟲群之心</a>┊<a href="#" title="龍之谷_CGWR">No.2：龍之谷</a>┊<a href="#"target="_blank" title="怪物獵人Online_CGWR">No.3：怪物獵人OL</a>┊<a href="#"target="_blank" title="英雄三國_CGWR">No.4：英雄三國</a><br><a href="#" title="畫皮世界_CGWR">No.5：畫皮世界</a>┊<a href="#" title="聖王_CGWR">No.6：聖王</a>┊<a href="#"target="_blank" title="尋龍記_CGWR">No.7：尋龍記</a>┊<a href="#" title="無盡英雄_CGWR">No.8：無盡英雄</a>┊<a href="#" title="龍門客棧_CGWR">No.9：龍門客棧</a><br><a href="#" title="斗仙_CGWR">No.10：斗仙</a>
</div>
</div>
<div class="nav_li">
<div class="nav_li_l">
特色專題
</div>
<div class="nav_li_r">
<a href="#" title="DOTA類網游橫向對比專題_CGWR">DOTA類網游橫向對比專題</a>┊<a href="#" title="CGWR橫向對比專題第二期_CGWR">《魔獸世界》VS《劍俠情緣網絡版3》</a>┊<a href="#" title="第五期：從E3展會網游看國游前景_CGWR">從E3展會網游看國游前景</a><br/><a href="#" title="第四期：高考後玩網游_CGWR">網游知識重點指南</a>┊<a href="#" title="第15期 青年節_CGWR">游戲陪你走過的青春</a>┊<a href="#" title="母親節，游戲中塑造的媽媽們_CGWR">母親節，游戲中塑造的媽媽們</a>┊<a href="#" title="網絡游戲排行榜_CGWR" class="orange">更多>></a>
</div>
</div>
<div class="nav_li" style="border: 0;">
<div class="nav_li_l">
深度評測
</div>
<div class="nav_li_r">
<a href="#" title="《星際爭霸2：蟲群之心》深度評測_CGWR">《星際爭霸2：蟲群之心》深度評測</a>┊<a href="#" title="《超能戰聯》深度評測_CGWR">《超能戰聯》深度評測</a>┊<a href="#" title="《怪物獵人Online》深度評測_CGWR">《怪物獵人Online》深度評測</a><br/><a href="#" title="《格子RPG》深度評測_CGWR">《格子RPG》深度評測</a>┊<a href="#" title="《戰機世界》深度評測_CGWR">《戰機世界》深度評測</a>┊<a href="#" title="《黑金》深度評測_CGWR">《黑金》深度評測</a>┊<a href="#" title="專題首頁_CGWR" class="orange">更多>></a>
</div>
</div>
</div>
</div>
</li>
<li>
<a href="#" class="game_hover">下載</a>
<div class="hover_cont xz">
<div class="nav_cont">
<div class="nav_li">
<div class="nav_li_l">
熱門游戲
</div>
<div class="nav_li_r">
<a href="#" title="魔獸世界">魔獸世界</a>┊<a href="#" title="DOTA2">DOTA2</a>┊<a href="#" title="夢三國">夢三國</a>┊<a href="#" title="劍俠情緣3">劍俠情緣3</a>┊<a href="#" title="頹廢之心">頹廢之心</a>┊<a href="#" title="神鬼世界">神鬼世界</a>┊<a href="#" title="誅仙2">誅仙2</a>┊<a href="#" title="問道">問道</a>┊<a href="#" title="傳奇世界2">傳奇世界2</a><br />
<a href="#" title="九陰真經">九陰真經</a>┊<a href="#" title="劍靈">劍靈</a>┊<a href="#" title="諾亞傳說">諾亞傳說</a>┊<a href="#" title="坦克世界">坦克世界</a>┊<a href="#" title="天龍八部">天龍八部</a>┊<a href="#" title="神雕俠侶">神雕俠侶</a>┊<a href="#" title="畫皮2">畫皮2</a>┊<a href="#" title="神武">神武</a>┊<a href="#" title="新征途">新征途</a>
</div>
</div>
<div class="nav_li">
<div class="nav_li_l">
單機游戲
</div>
<div class="nav_li_r">
<a href="#" title="仙劍5前傳">仙劍5前傳</a>┊<a href="#" title="孤島危機3">孤島危機3</a>┊<a href="#" title="極品飛車17">極品飛車17</a>┊<a href="#" title="殺手5">殺手5</a>┊<a href="#" title="孤島驚魂3">孤島驚魂3</a>┊<a href="#" title="使命召喚9">使命召喚9</a>┊<a href="#" title="強襲裝甲零號">強襲裝甲零號</a>┊<a href="#" title="更多單機游戲下載" class="orange">更多>></a>
</div>
</div>
<div class="nav_li" style="border: 0;">
<div class="nav_li_l">
電視游戲
</div>
<div class="nav_li_r">
<a href="#" title="DMC：鬼泣">DMC：鬼泣</a>┊<a href="#" title="光環4">光環4</a>┊<a href="#" title="生化危機6">生化危機6</a>┊<a href="#" title="零：真紅之蝶">零：真紅蝶</a>┊<a href="#" title="馬克思佩恩3">馬克思佩恩3</a>┊<a href="#" title="刺客信條3">刺客信條3</a>┊<a href="#" title="使命召喚9">使命召喚9</a>┊<a href="#" title="更多電視游戲下載" class="orange">更多>></a>
</div>
</div>
</div>
</div>
</li>
<li>
<a href="#" class="game_hover">美圖</a>
<div class="hover_cont mt">
<div class="nav_cont">
<div class="nav_li">
<div class="nav_li_l">
美女訪談
</div>
<div class="nav_li_r">
<a href="#" title="女星代言網游美妝造型大比拼">女星代言網游美妝造型大比拼</a>┊<a href="#" title="雅典娜COSer歪歪寫真">雅典娜COSer歪歪寫真</a>┊<a href="#" title="AKB48模特篠田麻裡子寫真">AKB48篠田麻裡子寫真</a>┊<a href="#" title="更多" class="orange">更多>></a>
</div>
</div>
<div class="nav_li">
<div class="nav_li_l">
游戲壁紙
</div>
<div class="nav_li_r">
<a href="#" title="《遠征OL》高清壁紙">《遠征OL》高清壁紙</a>┊<a href="#" title="《頹廢之心》游戲壁紙">《頹廢之心》游戲壁紙</a>┊<a href="#" title="《龍神三國》游戲壁紙">《龍神三國》游戲壁紙</a>┊<a href="#" title="更多" class="orange">更多>></a>
</div>
</div>
<div class="nav_li">
<div class="nav_li_l">
Cosplay
</div>
<div class="nav_li_r">
<a href="#" title="無限下全球性感COSER賞">無限下全球性感COSER賞</a>┊<a href="#" title="肉作《女王之刃》Cosplay">肉作《女王之刃》Cosplay</a>┊<a href="#" title="知名Coser紅玥最新作">知名Coser紅玥最新作</a>┊<a href="#" title="更多" class="orange">更多>></a>
</div>
</div>
<div class="nav_li" style="border: 0;">
<div class="nav_li_l">
游戲截圖
</div>
<div class="nav_li_r">
<a href="#" title="《DOTA2》評測截圖">《DOTA2》評測截圖</a>┊<a href="#" title="《三界西游2》游戲截圖">《三界西游2》游戲截圖</a>┊<a href="#" title="《地獄闖關》截圖">《地獄闖關》截圖</a>┊<a href="#" title="更多"class="orange">更多>></a>
</div>
</div>
</div>
</div>
</li>
<li>
<a href="#" class="game_hover">看游戲</a>
<div class="hover_cont kyx">
<div class="nav_cont">
<div class="nav_li">
<div class="nav_li_l">
熱門游戲
</div>
<div class="nav_li_r">
<a href="#" title="遠征OL">遠征OL</a>┊<a href="#" title="武林外傳">武林外傳</a>┊<a href="#" title="桃花源記">桃花源記</a>┊<a href="#" title="聖斗士星矢">聖斗士星矢</a>┊<a href="#" title="頹廢之心">頹廢之心</a>┊<a href="#" title="龍神大陸">龍神大陸</a>┊<a href="#" title="奇跡世界">奇跡世界</a>┊<a href="#" title="問道">問道</a> <br>
<a href="#" title="鹿鼎記">鹿鼎記</a>┊<a href="#" title="諾亞傳說">諾亞傳說</a>┊<a href="#" title="畫皮世界">畫皮世界</a>┊<a href="#" title="桃園將星錄">桃園將星錄</a>┊<a href="#" title="英雄三國">英雄三國</a>┊<a href="#" title="末日重生">末日重生</a>┊<a href="#" title="笑傲江湖">笑傲江湖</a>┊<a href="#" title="狂刃">狂刃</a> <br/>
<a href="#" title="零世界">零世界</a>┊<a href="#" title="無盡英雄">無盡英雄</a>┊<a href="#" title="比爾總動員">比爾總動員</a>
</div>
</div>
<div class="nav_li">
<div class="nav_li_l">
活動賽事
</div>
<div class="nav_li_r">
<a href="#" title="CDEC2013大師賽">CDEC2013大師賽</a>┊<a href="#" title="《零世界》美女直播人氣PK">《零世界》美女直播人氣PK</a>┊<a href="#" title="《遠征OL》全球108神將爭奪戰">《遠征OL》全球108神將爭奪戰</a><br/>
<a href="#" title="DotA2超級聯賽">DotA2超級聯賽</a> ┊<a href="#" title="《英雄聯盟》夏季聯賽">《英雄聯盟》夏季聯賽直播</a>┊<a href="#" title="游戲風雲直播頻道">游戲風雲直播頻道</a>
</div>
</div>
<div class="nav_li" style="border: 0;">
<div class="nav_li_l">
美女主播
</div>
<div class="nav_li_r">
<a href="#" title="小D《畫皮世界》">小D《畫皮世界》</a> ┊<a href="#" title="婧婧《笑傲江湖》">婧婧《笑傲江湖》</a> ┊<a href="#" title="白鹭《聖斗士星矢》">白鹭《聖斗士星矢》</a>┊<a href="#" title="飯飯《末日重生》">飯飯《末日重生》</a><br/>
<a href="#" title="帝堯《頹廢之心》">帝堯《頹廢之心》</a>┊<a href="#" title="小怪《無盡英雄》">小怪《無盡英雄》</a> ┊<a href="#" title="小狐狸《龍神大陸》">小狐狸《龍神大陸》</a>┊<a href="#" title="血純雅茗《武林外傳》">血純雅茗《武林外傳》</a><br/>
<a href="#" title="魏貓貓《狂刃》">魏貓貓《狂刃》</a> ┊<a href="#" title="孤凰歌《奇跡世界》">孤凰歌《奇跡世界》</a>┊<a href="#" title="蘑菇《比爾總動員》">蘑菇《比爾總動員》</a> <a href="#" title="更多" class="orange">更多>></a>
</div>
</div>
</div>
</div>
</li>
<li>
<a href="#" class="game_hover">微壇</a>
<div class="hover_cont wt">
<div class="nav_cont">
<div class="nav_li">
<div class="nav_li_l">
熱門網游
</div>
<div class="nav_li_r">
<a href="#" title="魔獸世界">魔獸世界</a>┊<a href="#" title="誅仙">誅仙</a>┊<a href="#" title="劍網3">劍網3</a>┊<a href="#" title="龍之谷">龍之谷</a>┊<a href="#" title="坦克世界">坦克世界</a>┊<a href="#" title="英雄聯盟">英雄聯盟</a>┊<a href="#" title="劍靈">劍靈</a><br><a href="#" title="DOTA2">DOTA2</a>┊<a href="#" title="九陰真經OL">九陰真經OL</a>┊<a href="#" title="怪物獵人OL">怪物獵人OL</a> <a href="#" title="新浪游戲微壇" class="orange">更多>></a>
</div>
</div>
<div class="nav_li" style="border: 0;">
<div class="nav_li_l">
熱門單機
</div>
<div class="nav_li_r">
<a href="#" title="仙劍奇俠傳">仙劍奇俠傳</a>┊<a href="#" title="古劍奇譚">古劍奇譚</a>┊<a href="#" title="軒轅劍">軒轅劍</a> <a href="#" title="新浪游戲微壇" class="orange">更多>></a>
</div>
</div>
</div>
</div>
</li>
<li>
<a href="#" class="game_hover">產業</a>
<div class="hover_cont cy">
<div class="nav_cont">
<div class="nav_li">
<div class="nav_li_l">
產業觀察
</div>
<div class="nav_li_r">
<a href="#" title="產業新聞">產業新聞</a>┊<a href="#" title="微博資訊">微博資訊</a>┊<a href="#" title="一起創業吧">一起創業吧</a>┊<a href="#" title="老意專欄">老意專欄</a>┊<a href="#" title="產業周刊">產業周刊</a>┊<a href="#" title="熱點專題">熱點專題</a>┊<a href="#" title="手機報">手機報</a>
</div>
</div>
<div class="nav_li">
<div class="nav_li_l">
游戲大匯站
</div>
<div class="nav_li_r">
<a href="#" title="射雕ZERO">射雕ZERO</a>┊
<a href="#" title="爆裂天空">爆裂天空</a>┊
<a href="#" title="超能戰聯">超能戰聯</a>┊
<a href="#" title="大海戰3">大海戰3</a>┊
<a href="#" title="頹廢之心">頹廢之心</a>┊
<a href="#" title="黑金">黑金</a>┊
<a href="#" title="游戲大匯站" class="orange">更多>></a>
</div>
</div>
<div class="nav_li">
<div class="nav_li_l">
微專題推薦
</div>
<div class="nav_li_r">
<a href="#" title="騰訊">騰訊2013年度游戲發布會</a>┊<a href="#" title="電競">電競選手高考可加分？</a>┊<a href="#" title="微博營銷">游戲微博營銷Style</a>
</div>
</div>
<div class="nav_li">
<div class="nav_li_l">
一周最聞
</div>
<div class="nav_li_r">
<a href="#" title="chinajoy">2013chinajoy報道</a>┊<a href="#" title="游戲英雄榜獲獎名單">游戲英雄榜獲獎名單</a>┊<a href="#" title="爆老公魔獸ID求追殺">爆老公魔獸ID求追殺</a>┊<a href="#" title="更多" class="orange">更多>></a>
</div>
</div>
<div class="nav_li" style="border: 0;">
<div class="nav_li_l">
熱門專題
</div>
<div class="nav_li_r">
<a href="#" title="網吧">2012中國網吧行業報告</a>┊<a href="#" title="微博影響力">3月微博影響力排行</a>┊<a href="#" title="盤點">315：玩家可曾做上帝？</a>┊<a href="#" title="熱門專題" class="orange">更多>></a>
</div>
</div>
</div>
</div>
</li>
<li>
<a href="#" class="game_hover">微博</a>
<div class="hover_cont wb">
<div class="nav_cont">
<div class="nav_li">
<div class="nav_li_l">
熱點導航
</div>
<div class="nav_li_r">
<a href="#" title="名人微訪談">名人微訪談</a>┊<a href="#" title="游戲微話題">游戲微話題</a>┊<a href="#" title="申V小貼士">申V小貼士</a>┊<a href="#" title="游戲V時代">游戲V時代</a>┊<a href="#" title="熱門微應用">熱門微應用</a>┊<a href="#" title="游戲微博匯">游戲微博匯</a>┊<a href="#" title="微博名人榜">微博名人榜</a>┊<a href="#" title="微博大屏幕">微博大屏幕</a>
</div>
</div>
<div class="nav_li">
<div class="nav_li_l">
游戲微博匯
</div>
<div class="nav_li_r">
<a href="#" title="盛大游戲">盛大游戲</a>┊<a href="#" title="巨人網絡">巨人網絡</a>┊<a href="#" title="完美世界">完美世界</a>┊<a href="#" title="第九城市">第九城市</a>┊<a href="#" title="麒麟游戲">麒麟游戲</a>┊<a href="#" title="金山游戲">金山游戲</a>┊<a href="#" title="夢工廠">夢工廠</a>┊<a href="#" title="藍港在線">藍港在線</a>┊<a href="#" title="昆侖在線">昆侖在線</a>┊<a href="#" title="中青寶">中青寶</a>
</div>
</div>
<div class="nav_li">
<div class="nav_li_l">
熱門微游戲
</div>
<div class="nav_li_r">
<a href="#" title="動物大戰">動物大戰</a>┊<a href="#" title="火影無雙">火影無雙</a>┊<a href="#" title="咖啡戀人">咖啡戀人</a>┊<a href="#" title="熱血球球2">熱血球球2</a>┊<a href="#" title="球王爭霸">球王爭霸</a>┊<a href="#" title="公主的防線">公主的防線</a>┊<a href="#" title="神仙道">神仙道</a>┊<a href="#" title="德克薩斯撲克">德克薩斯撲克</a>┊<a href="#" title="小小海賊王">小小海賊王</a>
</div>
</div>
<div class="nav_li">
<div class="nav_li_l">
賬號互通
</div>
<div class="nav_li_r">
<a href="#" title="赤壁">赤壁</a>┊<a href="#" title="成吉思汗3">成吉思汗3</a>┊<a href="#" title="兵王">兵王</a>┊<a href="#" title="聖境傳說">聖境傳說</a>┊<a href="#" title="星辰變">星辰變</a>┊<a href="#" title="傭兵天下">傭兵天下</a>┊<a href="#" title="封神·飛仙傳">封神·飛仙傳</a>
</div>
</div>
<div class="nav_li">
<div class="nav_li_l">
官方微博
</div>
<div class="nav_li_r">
<a href="#" title="新浪游戲頻道">新浪游戲頻道</a>┊<a href="#" title="新浪游戲播報">新浪游戲播報</a>┊<a href="#" title="新浪游戲微壇">新浪游戲微壇</a>┊<a href="#" title="新浪游戲活動">新浪游戲活動</a>┊<a href="#" title="新浪看游戲">看游戲</a>┊<a href="#" title="游戲大匯站">游戲大匯站</a>┊<a href="#" title="一起創業吧">創業吧</a>┊<a href="#" title="新浪新網游">新浪新網游</a>
</div>
</div>
<div class="nav_li">
<div class="nav_li_l">
熱門微博
</div>
<div class="nav_li_r">
<a href="#" title="魔獸世界">魔獸世界</a>┊<a href="#" title="劍網3">劍網3</a>┊<a href="#" title="九陰真經">九陰真經</a>┊<a href="#" title="魔域">魔域</a>┊<a href="#" title="新征途">新征途</a>┊<a href="#" title="仙劍奇俠傳">仙劍奇俠傳</a>┊<a href="#" title="神雕俠侶">神雕俠侶</a>┊<a href="#" title="全球使命">全球使命</a>┊<a href="#" title="坦克世界">坦克世界</a>┊<a href="#" title="大唐無雙2" >大唐無雙2</a>
</div>
</div>
<div class="nav_li">
<div class="nav_li_l">
業內名家
</div>
<div class="nav_li_r">
<a href="#" title="庹祖海">庹祖海</a>┊<a href="#" title="史玉柱">史玉柱</a>┊<a href="#" title="凌海">凌海</a>┊<a href="#" title="譚群钊">譚群钊</a>┊<a href="#" title="石海">石海</a>┊<a href="#" title="劉偉" >劉偉</a>┊<a href="#" title="樸舜優">樸舜優</a>┊<a href="#" title="紀學鋒">紀學鋒</a>┊<a href="#" title="吳裔敏" >吳裔敏</a>┊<a href="#" title="陳芳" >陳芳</a>┊<a href="#" title="彭蛟斌" >彭蛟斌</a>┊<a href="#" title="姚壯憲">姚壯憲</a>┊<a href="#" title="邢山虎">邢山虎</a>
</div>
</div>
<div class="nav_li" style="border: 0;">
<div class="nav_li_l">
游戲博客
</div>
<div class="nav_li_r">
<a href="#" title="蘋果牛">蘋果牛</a>┊<a href="#" title="李曉峰" >李曉峰</a>┊<a href="#" title="張書樂">張書樂</a>┊<a href="#" title="姚宇">姚宇</a>┊<a href="#" title="餅干" >餅干</a>┊<a href="#" title="無名小卒">無名小卒</a>┊<a href="#" title="小易">小易</a>┊<a href="#" title="明湖水怪">明湖水怪</a>┊<a href="#" title="邈爾">邈爾</a>┊<a href="#" title="墨子雪" >墨子雪</a>┊<a href="#" title="東寫西讀" >東寫西讀</a>┊<a href="#" title="更多博客" class="orange">更多>></a>
</div>
</div>
</div>
</div>
</li>
<li>
<a href="#" class="game_hover">小游戲</a>
<div class="hover_cont xyx">
<div class="nav_cont">
<div class="nav_li">
<div class="nav_li_l">
熱門導航
</div>
<div class="nav_li_r">
<a href="#" title="積分">積分</a>┊<a href="#" title="益智">益智</a>┊<a href="#" title="射擊">射擊</a>┊<a href="#" title="動作">動作</a>┊<a href="#" title="RPG">RPG</a>┊<a href="#" title="敏捷">敏捷</a>┊<a href="#" title="解謎">解謎</a>┊<a href="#" title="體育">體育</a>┊<a href="#" title="戰爭">戰爭</a>┊<a href="#" title="休閒">休閒</a>┊<a href="#" title="賽車">賽車</a>┊<a href="#" title="防守">防守</a>┊<a href="#" title="換裝">換裝</a>┊<a href="#" title="棋牌">棋牌</a>┊<a href="#" title="測試">測試</a>┊<a href="#" title="格斗">格斗</a>┊<a href="#"target="_blank" title="經營">經營</a>
</div>
</div>
<div class="nav_li" style="border: 0;">
<div class="nav_li_l">
專題推薦
</div>
<div class="nav_li_r">
<a href="#" title="連連看">連連看</a>┊<a href="#" title="憤怒的小鳥">憤怒的小鳥</a>┊<a href="#" title="經典集裝箱">經典集裝箱</a>┊<a href="#" title="中文精品">中文精品</a>┊<a href="#" title="熱血足球">熱血足球</a>┊<a href="#" title="十大必玩小游戲">十大必玩小游戲</a>┊<a href="#" title="火影忍者">火影忍者</a>┊<a href="#" title="合金彈頭">合金彈頭</a>┊<a href="#" title="雙人版">雙人版</a>┊<a href="#" title="僵屍">僵屍</a>
</div>
</div>
</div>
</div>
</li>
<li>
<a href="#" class="game_hover">視頻</a>
<div class="hover_cont sp">
<div class="nav_cont">
<div class="nav_li">
<div class="nav_li_l">
視頻導航
</div>
<div class="nav_li_r">
<a href="#" title="新游視頻">新游視頻</a>┊<a href="#" title="電視單機">電視單機</a>┊<a href="#" title="直播專訪">直播專訪</a>┊<a href="#" title="游戲美女">游戲美女</a>┊<a href="#" title="電子競技">電子競技</a>┊<a href="#" title="暗黑3視頻站">暗黑3視頻站</a>┊<a href="#" title="魔獸視頻站">魔獸視頻站</a>┊<a href="#" title="更多" class="orange">更多>></a>
</div>
</div>
<div class="nav_li">
<div class="nav_li_l">
沸點新播報
</div>
<div class="nav_li_r">
<a href="#" title="嫩模女優代言盤點">女優代言盤點</a>┊
<a href="#" title="明星美女代言盤點">明星代言盤點</a>┊
<a href="#" title="ChinaJoy Showgirl曝光">CJ Showgirl曝光</a>┊
<a href="#" title="鳳凰傳奇注資投網游">鳳凰傳奇注資投網游</a>┊
<a href="#" title="AV女優的二次元世界">AV女優的二次元世界</a>┊
<a href="#" title="更多" class="orange">更多>></a>
</div>
</div>
<div class="nav_li" style="border: 0;">
<div class="nav_li_l">
游戲視頻
</div>
<div class="nav_li_r">
<a href="#" title="超贊COSPLAY視頻剪輯 ">超贊COSPLAY視頻剪輯</a>┊<a href="#" title="游戲聖地秋葉原 阿醬上演AKB絕唱">阿醬上演AKB絕唱</a>┊<a href="#" title="秋葉原的陪睡屋">陪睡屋</a>┊<a href="#" title="女僕店的真相">女僕店的真相</a>┊<a href="#" title="MaggieQ版不知火舞">電影版不知火舞</a>┊<a href="#" title="視頻收錄百名ChinaJoy美女ShowGirl">百名美女ShowGirl</a>┊<a href="#" title="更多" class="orange">更多>></a>
</div>
</div>
</div>
</div>
</li>
<li>
<a href="#" class="game_hover">游戲商城</a>
</li>
</ul>
</div>
</div>
</div>
<div class="content">
</div>
</body>
</html>
希望本文所述對大家的javascript程序設計有所幫助。
小編推薦
熱門推薦