Javascript仿新浪游戲頻道鼠標(biāo)懸停顯示子菜單效果
更新時間：2015年08月21日 15:53:09 作者：企鵝
這篇文章主要介紹了Javascript仿新浪游戲頻道鼠標(biāo)懸停顯示子菜單效果,涉及鼠標(biāo)事件及頁面元素結(jié)點(diǎn)的遍歷技巧,具有一定參考借鑒價值,需要的朋友可以參考下
本文實例講述了Javascript仿新浪游戲頻道鼠標(biāo)懸停顯示子菜單效果，分享給大家供大家參考。具體如下：
這里演示使用JS實現(xiàn)的網(wǎng)頁欄目分類菜單，從新浪游戲頻道扣下來的，操作方式類似于滑動門的效果，鼠標(biāo)無需點(diǎn)擊，只需把鼠標(biāo)放在一級主菜單上，就可顯示出二級分類菜單，這彈出的這個二級菜單中，實際上又重新進(jìn)行了分類，可以說整體上，這是一款支持三級分類的網(wǎng)站菜單，目前新浪游戲還在用的效果哦。
先來看運(yùn)行效果截圖：
在線演示地址如下：
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仿新浪游戲頻道導(dǎo)航條</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">網(wǎng)絡(luò)游戲</a>
<div class="hover_cont wlyx">
<div class="nav_cont">
<div class="nav_li">
<div class="nav_li_l">
熱門網(wǎng)游
</div>
<div class="nav_li_r">
<a href="#">問道</a>┊<a href="#">DOTA2</a>┊<a href="#">魔獸世界</a>┊<a href="#">夢幻西游</a>┊<a href="#">九陰真經(jīng)</a>┊<a href="#">頹廢之心</a>┊<a href="#">英雄聯(lián)盟</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="#">獨(dú)孤求敗</a>┊<a href="#">神武</a>
</div>
</div>
<div class="nav_li">
<div class="nav_li_l">
期待網(wǎng)游
</div>
<div class="nav_li_r">
<a href="#">問道</a>┊<a href="#">DOTA2</a>┊<a href="#">魔獸世界</a>┊<a href="#">夢幻西游</a>┊<a href="#">九陰真經(jīng)</a>┊<a href="#">頹廢之心</a>┊<a href="#">英雄聯(lián)盟</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="#">獨(dú)孤求敗</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="網(wǎng)易游戲_新浪游戲">網(wǎng)易游戲</a>┊<a href="#" title="盛大游戲_新浪游戲">盛大游戲</a>┊<a href="#" title="完美世界_新浪游戲">完美世界</a>┊<a href="#" title="巨人網(wǎng)絡(luò)_新浪游戲">巨人網(wǎng)絡(luò)</a>┊<a href="#" title="暢游_新浪游戲">暢游</a>┊<a href="#" title="游戲蝸牛_新浪游戲">游戲蝸牛</a>┊<a href="#" title="空中網(wǎng)_新浪游戲">空中網(wǎng)</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="狂刃內(nèi)測">狂刃內(nèi)測</a>┊<a href="#" title="戰(zhàn)靈首測">戰(zhàn)靈首測</a>┊<a href="#" title="新水滸Q傳2內(nèi)測">新水滸Q傳2內(nèi)測</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="玩家聚焦">玩家聚焦關(guān)注游戲焦點(diǎn)</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">單機(jī)電競</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="仙劍奇?zhèn)b傳5">仙劍奇?zhèn)b傳5</a>┊<a href="#" title="古劍奇譚">古劍奇譚</a>┊<a href="#" title="質(zhì)量效應(yīng)3">質(zhì)量效應(yīng)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="孤島危機(jī)3">孤島危機(jī)3</a>┊<a href="#" title="殺出重圍3">殺出重圍3</a>┊<a href="#" title="傳送門2">傳送門2</a>┊<a href="#" title="生化奇兵：無限">生化奇兵：無限</a>┊<a href="#" title="皇牌空戰(zhàn)7">皇牌空戰(zhàn)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="強(qiáng)襲裝甲零號">強(qiáng)襲裝甲零號</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="紀(jì)元2070">紀(jì)元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="塵埃決戰(zhàn)">塵埃決戰(zhàn)</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="戰(zhàn)地4">戰(zhàn)地4</a>┊<a href="#" title="羅馬2：全面戰(zhàn)爭">羅馬2：全面戰(zhàn)爭</a>┊<a href="#" title="更多單機(jī)游戲" 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="創(chuàng)世三國">創(chuàng)世三國</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://m.dhdzp.com/" title="海洋時代2">海洋時代2</a>┊<a href="#" title="富人國">富人國</a><br><a href="#" title="隋唐霸業(yè)">隋唐霸業(yè)</a>┊<a href="#" title="球王爭霸">球王爭霸</a>┊<a href="#" title="航海之王">航海之王</a>┊<a href="#" title="范特西籃球">范特西籃球</a>┊<a href="#" title="NBA籃球經(jīng)理">NBA籃球經(jīng)理</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="新仙劍奇?zhèn)b傳OL">新仙劍奇?zhèn)b傳OL</a>┊<a href="#" title="絕代雙驕">絕代雙驕</a>┊<a href="#" title="古劍奇?zhèn)b">古劍奇?zhèn)b</a><br><a href="#" title="大三國志">大三國志</a>┊<a href="#" title="烈火戰(zhàn)神">烈火戰(zhàn)神</a>┊<a href="#" title="信喵之野望">信喵之野望</a>┊<a href="#" title="女仆之心">女仆之心</a>┊<a href="#" title="楚漢傳奇">楚漢傳奇</a>┊<a href="#" title="熱血海賊王">熱血海賊王</a>┊<a href="#" title="神曲">神曲</a>┊<a href="#" title="街機(jī)三國">街機(jī)三國</a>┊<a href="#" title="更多網(wǎng)頁游戲" 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="戰(zhàn)神3">戰(zhàn)神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="戰(zhàn)地3">戰(zhàn)地3</a>┊<a href="#" title="憤怒的小鳥">憤怒的小鳥</a>┊<a href="#" title="真三國無雙6">真三國無雙6</a>┊<a href="#" title="生化危機(jī)">生化危機(jī)</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="生化危機(jī)6">生化危機(jī)6</a>┊<a href="#" title="光環(huán)4">光環(huán)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="生化危機(jī)：浣熊市行動">生化危機(jī)：浣熊市行動</a>┊<a href="#" title="圣斗士星矢戰(zhàn)記">圣斗士星矢戰(zhàn)記</a>┊<a href="#" title="忍者龍劍傳3">上古卷軸5</a>┊<a href="#" title="電鋸糖心">電鋸糖心</a>┊<a href="#" title="質(zhì)量效應(yīng)3">質(zhì)量效應(yīng)3</a>
</div>
</div>
<div class="nav_li">
<div class="nav_li_l">
即將發(fā)售
</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="細(xì)胞分裂6">細(xì)胞分裂6</a>┊<a href="#" title="GTA5">GTA5</a>┊<a href="#" title="戰(zhàn)神：升天">戰(zhàn)神：升天</a>┊<a href="#" title="孤島驚魂3">孤島驚魂3</a>┊<a href="#" title="古墓麗影9">古墓麗影9</a>┊<a href="#" title="孤島危機(jī)3">孤島危機(jī)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">
手機(jī)游戲
</div>
<div class="nav_li_r">
<a href="#" title="免費(fèi)iPhone游戲">免費(fèi)iPhone游戲</a>┊<a href="#" title="免費(fèi)Android游戲">免費(fèi)Android游戲</a>┊<a href="#" title="免費(fèi)Symbian游戲">免費(fèi)Symbian游戲</a>┊<a href="#" title="手游新聞">手游新聞</a>┊<a href="#" title="手游攻略">手游攻略</a>┊<a href="#" title="行業(yè)新聞">行業(yè)新聞</a>┊<a href="#" title="游戲庫">游戲庫</a>┊<a href="#" title="論壇">論壇</a>┊<a href="#" title="更多手機(jī)游戲" 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="劍網(wǎng)3_新手卡">劍網(wǎng)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="零紀(jì)元_新手卡">零紀(jì)元</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">
特權(quán)推薦
</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="九陰真經(jīng)_新手卡">九陰真經(jīng)</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">
會員特權(quán)
</div>
<div class="nav_li_r">
<a href="#" title="夢幻西游特權(quán)禮包">夢幻西游</a>┊ <a href="#" title="降龍之劍軒轅幻化福氣包">降龍之劍</a>┊<a href="#" title="降龍之劍極致版七劍修羅彩蛋禮包">降龍之劍極致版</a>┊<a href="#" title="問道1368天外飛仙會員貴賓卡">問道</a>┊<a href="#" title="大唐2特權(quán)禮包">大唐2</a>┊<a href="#" title="劍網(wǎng)3名駒卡">劍網(wǎng)3</a>┊<a href="#" title="龍之谷特權(quán)禮">龍之谷</a>┊<a href="#" title="神雕俠侶特權(quán)禮包">神雕俠侶</a>┊<a href="#" title="倩女幽魂特權(quán)禮包">倩女幽魂</a>┊<a href="#" title="月影傳說特權(quán)禮包">月影傳說</a><br/><a href="#" title="九陰真經(jīng)尋無止境禮包">九陰真經(jīng)</a>┊<a href="#" title="星辰變會員特權(quán)禮包">星辰變</a>┊<a href="#" title="傳奇世界2會員特權(quán)禮包">傳奇世界2</a>┊<a href="#" title="成吉思汗3會員特權(quán)禮包">成吉思汗3</a>┊<a href="#" title="夢三國會員特權(quán)禮包">夢三國</a>┊<a href="#" title="逍遙江湖特權(quán)禮包">逍遙江湖</a>┊<a href="#" title="征途2S特權(quán)禮包">征途2S</a>┊<a href="#" title="畫皮II特權(quán)禮包">畫皮II</a> ┊<a href="#" title="更多微博會員特權(quán)"><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="逆戰(zhàn)幻想_新手卡">逆戰(zhàn)幻想</a>┊<a href="#" title="混沌與秩序_新手卡">混沌與秩序</a>┊<a href="#" title="逆轉(zhuǎn)天下_新手卡">逆轉(zhuǎn)天下</a>┊<a href="#" title="王者之劍_新手卡">王者之劍</a>┊<a href="#" title="幻想英雄_新手卡">幻想英雄</a>┊<a href="#" title="水滸英雄_新手卡">水滸英雄</a><br/><a href="#" title="逆戰(zhàn)幻想_新手卡">時空獵人</a>┊<a href="#" title="瘋狂部落_新手卡">冒險王</a>┊<a href="#" title="英雄戰(zhàn)魂_新手卡">英雄戰(zhàn)魂</a>┊<a href="#" title="永生門_新手卡">永生門</a>┊<a href="#" title="流氓來了下_新手卡">流氓來了</a>┊<a href="#" title="軒轅_新手卡">軒轅</a>┊<a href="#" title="名將無雙_新手卡">名將無雙</a>┊<a href="#" title="戰(zhàn)三國_新手卡">戰(zhàn)三國</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">
熱門預(yù)訂
</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="斗戰(zhàn)神_激活碼">斗戰(zhàn)神</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="激戰(zhàn)2_激活碼">激戰(zhàn)2</a>┊<a href="#"target="_blank" title="黎明之光_激活碼">黎明之光</a>┊<a href="#"target="_blank" title="天剎_激活碼">天剎</a>┊<a href="#"target="_blank" title="上古世紀(jì)_激活碼">上古世紀(jì)</a>┊<a href="#"target="_blank" title="最終幻想14_激活碼">最終幻想14</a>┊<a href="#"target="_blank" title="圣斗士星矢_激活碼">圣斗士星矢</a>┊<a href="#"target="_blank" title="泰坦戰(zhàn)爭_激活碼">泰坦戰(zhàn)爭</a>┊<a href="#"target="_blank" title="無冬之夜OL_激活碼">無冬之夜</a>┊<a href="#"target="_blank" title="企鵝戰(zhàn)爭_激活碼">企鵝戰(zhàn)爭</a>┊<a href="#"target="_blank" title="魔界村OL_激活碼">魔界村</a>
<a href="#" title="更多游戲預(yù)訂"><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="盤點(diǎn)那些伴你獨(dú)霸武林的特權(quán)卡">盤點(diǎn)那些伴你獨(dú)霸武林的特權(quán)卡</a>┊<a href="#" title="一周熱門發(fā)卡TOP10">一周熱門發(fā)卡TOP10（7.15-7.21）</a>┊<a href="#" title="美女最多網(wǎng)游推薦">美女最多的網(wǎng)游推薦</a>┊<a href="#" title="熱門動漫改編網(wǎng)游新手卡推薦">動漫網(wǎng)游發(fā)卡推薦</a><br/>
<a href="#" title="《東方故事》找童年聚死黨參與活動贏大獎">《東方故事》找童年聚死黨參與活動贏大獎</a>┊<a href="#" title="領(lǐng)《蜀門》特權(quán)卡得越南妞簽名靚照">領(lǐng)《蜀門》特權(quán)卡得越南妞簽名靚照</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">
網(wǎng)游排行
</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類網(wǎng)游橫向?qū)Ρ葘ｎ}_CGWR">DOTA類網(wǎng)游橫向?qū)Ρ葘ｎ}</a>┊<a href="#" title="CGWR橫向?qū)Ρ葘ｎ}第二期_CGWR">《魔獸世界》VS《劍俠情緣網(wǎng)絡(luò)版3》</a>┊<a href="#" title="第五期：從E3展會網(wǎng)游看國游前景_CGWR">從E3展會網(wǎng)游看國游前景</a><br/><a href="#" title="第四期：高考后玩網(wǎng)游_CGWR">網(wǎng)游知識重點(diǎn)指南</a>┊<a href="#" title="第15期 青年節(jié)_CGWR">游戲陪你走過的青春</a>┊<a href="#" title="母親節(jié)，游戲中塑造的媽媽們_CGWR">母親節(jié)，游戲中塑造的媽媽們</a>┊<a href="#" title="網(wǎng)絡(luò)游戲排行榜_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="《超能戰(zhàn)聯(lián)》深度評測_CGWR">《超能戰(zhàn)聯(lián)》深度評測</a>┊<a href="#" title="《怪物獵人Online》深度評測_CGWR">《怪物獵人Online》深度評測</a><br/><a href="#" title="《格子RPG》深度評測_CGWR">《格子RPG》深度評測</a>┊<a href="#" title="《戰(zhàn)機(jī)世界》深度評測_CGWR">《戰(zhàn)機(jī)世界》深度評測</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="九陰真經(jīng)">九陰真經(jīng)</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">
單機(jī)游戲
</div>
<div class="nav_li_r">
<a href="#" title="仙劍5前傳">仙劍5前傳</a>┊<a href="#" title="孤島危機(jī)3">孤島危機(jī)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="強(qiáng)襲裝甲零號">強(qiáng)襲裝甲零號</a>┊<a href="#" title="更多單機(jī)游戲下載" 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="光環(huán)4">光環(huán)4</a>┊<a href="#" title="生化危機(jī)6">生化危機(jī)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="女星代言網(wǎng)游美妝造型大比拼">女星代言網(wǎng)游美妝造型大比拼</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="《遠(yuǎn)征OL》高清壁紙">《遠(yuǎn)征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="《地獄闖關(guān)》截圖">《地獄闖關(guān)》截圖</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="遠(yuǎn)征OL">遠(yuǎn)征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="《遠(yuǎn)征OL》全球108神將爭奪戰(zhàn)">《遠(yuǎn)征OL》全球108神將爭奪戰(zhàn)</a><br/>
<a href="#" title="DotA2超級聯(lián)賽">DotA2超級聯(lián)賽</a> ┊<a href="#" title="《英雄聯(lián)盟》夏季聯(lián)賽">《英雄聯(lián)盟》夏季聯(lián)賽直播</a>┊<a href="#" title="游戲風(fēng)云直播頻道">游戲風(fēng)云直播頻道</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">
熱門網(wǎng)游
</div>
<div class="nav_li_r">
<a href="#" title="魔獸世界">魔獸世界</a>┊<a href="#" title="誅仙">誅仙</a>┊<a href="#" title="劍網(wǎng)3">劍網(wǎng)3</a>┊<a href="#" title="龍之谷">龍之谷</a>┊<a href="#" title="坦克世界">坦克世界</a>┊<a href="#" title="英雄聯(lián)盟">英雄聯(lián)盟</a>┊<a href="#" title="劍靈">劍靈</a><br><a href="#" title="DOTA2">DOTA2</a>┊<a href="#" title="九陰真經(jīng)OL">九陰真經(jīng)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">
熱門單機(jī)
</div>
<div class="nav_li_r">
<a href="#" title="仙劍奇?zhèn)b傳">仙劍奇?zhèn)b傳</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">產(chǎn)業(yè)</a>
<div class="hover_cont cy">
<div class="nav_cont">
<div class="nav_li">
<div class="nav_li_l">
產(chǎn)業(yè)觀察
</div>
<div class="nav_li_r">
<a href="#" title="產(chǎn)業(yè)新聞">產(chǎn)業(yè)新聞</a>┊<a href="#" title="微博資訊">微博資訊</a>┊<a href="#" title="一起創(chuàng)業(yè)吧">一起創(chuàng)業(yè)吧</a>┊<a href="#" title="老意專欄">老意專欄</a>┊<a href="#" title="產(chǎn)業(yè)周刊">產(chǎn)業(yè)周刊</a>┊<a href="#" title="熱點(diǎn)專題">熱點(diǎn)專題</a>┊<a href="#" title="手機(jī)報">手機(jī)報</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="超能戰(zhàn)聯(lián)">超能戰(zhàn)聯(lián)</a>┊
<a href="#" title="大海戰(zhàn)3">大海戰(zhàn)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年度游戲發(fā)布會</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="網(wǎng)吧">2012中國網(wǎng)吧行業(yè)報告</a>┊<a href="#" title="微博影響力">3月微博影響力排行</a>┊<a href="#" title="盤點(diǎn)">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">
熱點(diǎn)導(dǎo)航
</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="熱門微應(yīng)用">熱門微應(yīng)用</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="巨人網(wǎng)絡(luò)">巨人網(wǎng)絡(luò)</a>┊<a href="#" title="完美世界">完美世界</a>┊<a href="#" title="第九城市">第九城市</a>┊<a href="#" title="麒麟游戲">麒麟游戲</a>┊<a href="#" title="金山游戲">金山游戲</a>┊<a href="#" title="夢工廠">夢工廠</a>┊<a href="#" title="藍(lán)港在線">藍(lán)港在線</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="動物大戰(zhàn)">動物大戰(zhàn)</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="一起創(chuàng)業(yè)吧">創(chuàng)業(yè)吧</a>┊<a href="#" title="新浪新網(wǎng)游">新浪新網(wǎng)游</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="劍網(wǎng)3">劍網(wǎng)3</a>┊<a href="#" title="九陰真經(jīng)">九陰真經(jīng)</a>┊<a href="#" title="魔域">魔域</a>┊<a href="#" title="新征途">新征途</a>┊<a href="#" title="仙劍奇?zhèn)b傳">仙劍奇?zhèn)b傳</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">
業(yè)內(nèi)名家
</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="樸舜優(yōu)">樸舜優(yōu)</a>┊<a href="#" title="紀(jì)學(xué)鋒">紀(jì)學(xué)鋒</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">
熱門導(dǎo)航
</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="戰(zhàn)爭">戰(zhàn)爭</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="經(jīng)營">經(jīng)營</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="經(jīng)典集裝箱">經(jīng)典集裝箱</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">
視頻導(dǎo)航
</div>
<div class="nav_li_r">
<a href="#" title="新游視頻">新游視頻</a>┊<a href="#" title="電視單機(jī)">電視單機(jī)</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">
沸點(diǎn)新播報
</div>
<div class="nav_li_r">
<a href="#" title="嫩模女優(yōu)代言盤點(diǎn)">女優(yōu)代言盤點(diǎn)</a>┊
<a href="#" title="明星美女代言盤點(diǎn)">明星代言盤點(diǎn)</a>┊
<a href="#" title="ChinaJoy Showgirl曝光">CJ Showgirl曝光</a>┊
<a href="#" title="鳳凰傳奇注資投網(wǎng)游">鳳凰傳奇注資投網(wǎng)游</a>┊
<a href="#" title="AV女優(yōu)的二次元世界">AV女優(yōu)的二次元世界</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程序設(shè)計有所幫助。
您可能感興趣的文章:
- js實現(xiàn)動畫特效的文字鏈接鼠標(biāo)懸停提示的方法
- jQuery懸停文字提示框插件jquery.tooltipster.js用法示例【附demo源碼下載】
- js 文字超出長度用省略號代替,鼠標(biāo)懸停并以懸浮框顯示實例
- js實現(xiàn)鼠標(biāo)懸停圖片上時滾動文字說明的方法
- js實現(xiàn)文字垂直滾動和鼠標(biāo)懸停效果
- 基于JS代碼實現(xiàn)當(dāng)鼠標(biāo)懸停表格上顯示這一格的全部內(nèi)容
- CSS或者JS實現(xiàn)鼠標(biāo)懸停顯示另一元素
- JS實現(xiàn)title標(biāo)題欄文字不間斷滾動顯示效果
- js鼠標(biāo)移動在title中顯示圖片的效果代碼
- 一個JS函數(shù)搞定網(wǎng)頁標(biāo)題(title)閃動效果
- js下用層來實現(xiàn)select的title提示屬性
- JS實現(xiàn)TITLE懸停長久顯示效果完整示例
相關(guān)文章
本文給大家分享的是使用純javascript實現(xiàn)的日歷控件的代碼，筆者也是第一次寫控件，摸索著前行，2015-07-07
使用JS中的exec()方法構(gòu)造正則表達(dá)式驗證
這篇文章主要介紹了使用JS中的exec()方法構(gòu)造正則表達(dá)式驗證的相關(guān)資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-08-08
這是介紹的是一個不錯的javascript的方面的客戶端解決方案,可選配支持HTML5本地存儲器.2010-07-07
JavaScript判斷空值、NULL、undefined的方法對比
JavaScript五種原始類型（boolean、number、string、null、undefined）中的一種。在鑒別JavaScript原始類型的時候我們會用到typeof操作符。Typeof操作符可用于字符串、數(shù)字、布爾和未定義類型。2022-12-12
當(dāng)談到JavaScript編程中的高級概念和技巧時,閉包（Closures）是一個重要而有趣的主題,閉包是一種函數(shù)與其創(chuàng)建時的詞法環(huán)境的組合,它允許我們捕獲和保留局部變量,并在函數(shù)之外使用它們,在這篇文章中,我們將深入探討JavaScript中閉包的4種有用技巧2023-10-10
這篇文章主要介紹了CKeditor富文本編輯器使用技巧之添加自定義插件的方法,結(jié)合實例形式分析了CKeditor添加自定義插件的步驟與相關(guān)操作技巧,需要的朋友可以參考下2019-06-06
js 生成密匙流 腳本代碼...2007-09-09
這篇文章主要介紹了JavaScript類繼承及實例化的方法,較為詳細(xì)的分析了javascript擴(kuò)展類、實例化類及類對象與成員函數(shù)的使用技巧,需要的朋友可以參考下2015-07-07
JavaScript中字符串與Unicode編碼互相轉(zhuǎn)換的實現(xiàn)方法
這篇文章主要介紹了JavaScript中字符串與Unicode編碼互相轉(zhuǎn)換的實現(xiàn)方法涉及JavaScript編碼、數(shù)據(jù)類型等的轉(zhuǎn)換技巧,需要的朋友可以參考下2015-12-12
CORS cross-origin resourse sharing跨域資源共享解決
這篇文章主要為大家介紹了CORS cross-origin resourse sharing跨域資源共享的解決方案詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-04-04