js穿越火线官网导航菜单特效代码

版权：原创更新时间：1年以上

[该文章底部包含文件资源,可根据自己情况,决定是否下载资源使用,时间>金钱,如有需要,立即查看资源]

以下是 js穿越火线官网导航菜单特效代码的示例演示效果:

当前平台(PC电脑)

平台:

整屏预览

部分效果截图:

HTML代码(index.html):

<!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>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <meta name="keywords" content="JS代码,菜单导航,JS广告代码,JS特效代码" />
    <meta name="description" content="此代码内容为《穿越火线》官网导航菜单，属于站长常用代码" />
    <link href="css/lanrentuku.css" rel="stylesheet" type="text/css" />
    <title>《穿越火线》官网导航菜单</title>
</head>
<body style="text-align:center">

    <div id="wrap">
        <div class="container">
            <div id="top">
                <dl id="nav">
                    <dt id="one-ddheader">
                        <a href="http://www.maitianquan.com/" target="_blank" id="one_home" title="首页"></a>
                        <a href="http://www.maitianquan.com/" target="_blank" id="one_news" title="火线报道"></a>
                        <a href="http://www.maitianquan.com/" target="_blank" id="one_gameinfo" title="游戏指南"></a>
                        <a href="http://www.nifengla.com/" target="_blank" id="one_download" title="下载中心"></a><a href="http://www.baidu.com/" target="_blank" id="one_shortcut" title="标题"></a><a href="http://app.cf.qq.com/cgi-bin/CommAction/showaction.cgi?iPdName=14&amp;iType=2" id="one_cfarea" title="火线专区"></a><a href="http://www.maitianquan.com/" target="_blank" id="one_traitsys" title="特色系统"></a><a href="http://www.maitianquan.com/" target="_blank" id="one_playerconcur" title="玩家互动"></a><a href="http://www.nifengla.com/" target="_blank" id="one_customser" title="腾讯客服"></a><a href="http://www.maitianquan.com/" target="_blank" id="one_bbs" title="论坛"></a>
                    </dt>
                    <dd style="display: block; height: 3px; opacity: 0.0261438;" id="one-ddcontent" class="c"><ul class="" id="two_home"></ul><ul class="" id="two_news"><li><a href="http://cf.qq.com/webplat/info/36/88/188/list_1.shtml">新闻</a></li><li><a href="http://www.nifengla.com/">公告</a></li><li><a href="http://cf.qq.com/webplat/info/36/88/209/list_1.shtml">活动</a></li><li><a href="http://cf.qq.com/webplat/info/36/88/208/list_1.shtml">赛事</a></li></ul><ul class="" id="two_gameinfo"><li><a href="http://www.maitianquan.com/" target="_blank">新兵上路</a></li><li><a href="http://cf.qq.com/web200905/info/gmi_story.htm">游戏资料</a></li><li><a href="http://cf.qq.com/web200905/info/faq_version.htm">常见问题</a></li></ul><ul class="" id="two_download"><li><a href="http://cf.qq.com/web200905/info/dl_game.htm">游戏下载</a></li><li><a href="http://www.nifengla.com/">精美壁纸</a></li><li><a href="http://cf.qq.com/web200905/info/dl_song.htm">主题歌曲</a></li><li><a href="http://cf.qq.com/web200905/info/dl_magazine.htm">火线杂志</a></li><li><a href="http://cf.qq.com/web200905/info/dl_story.htm">连载小说</a></li></ul><ul class="" id="two_shortcut"><li><a href="http://cf.qq.com/act/a20101020tyf/" target="_blank">体验服</a></li><li><a href="http://cf.qq.com/act/a20090409forceout/index.htm" target="_blank">封号查询</a></li><li><a href="http://qqcfyj.gamebbs.qq.com/" target="_blank">BUG提交</a></li><li><a href="http://www.nifengla.com/" target="_blank">游戏安全</a></li><li><a href="http://fcm.qq.com/" target="_blank">防沉迷</a></li><li><a href="http://cf.qq.com/act/a20090907tenprotect/index.htm" target="_blank">反外挂专题</a></li></ul><ul class="" id="two_cfarea"><li><a href="http://app.cf.qq.com/cgi-bin/CommAction/showaction.cgi?iPdName=14&amp;iType=2">活动专区</a></li><li><a href="http://app.cf.qq.com/cgi-bin/CommAction/showaction.cgi?iPdName=14&amp;iType=1">版本专区</a></li><li><a href="http://cf.qq.com/web200905/info/games_list.htm">大赛专区</a></li><li><a target="_blank" href="http://live.qq.com/zt/gzone/002.html">视频专区</a></li><li><a href="http://act.vip.qq.com/privilege/templates/10200/" target="_blank">QQ会员专区</a></li><li><a href="http://app.cf.qq.com/web200905/info/cdkey.htm">CDKEY专区</a></li></ul><ul class="" id="two_traitsys"><li><a href="http://cf.qq.com/act/a20081010team/" target="_blank">战队系统</a></li><li><a href="http://cf.qq.com/act/a20080415honor/index.htm" target="_blank">荣誉系统</a></li></ul><ul class="" id="two_playerconcur"><li><a href="http://games.qq.com/tencent/qqcf/" target="_blank">战术攻略</a></li><li><a href="http://act3.games.qq.com/2667/work/list.do?field3=1" target="_blank">玩家相册</a></li><li><a href="http://games.qq.com/tencent/qqcf/video/" target="_blank">玩家视频</a></li><li><a href="http://act3.games.qq.com/2667/work/list.do?field3=2" target="_blank">玩家截图</a></li> <li><a href="http://cf.qzone.qq.com/" target="_blank">官方博客</a></li><li><a href="http://t.qq.com/crossfire" target="_blank">官方微博</a></li></ul><ul class="" id="two_customser"><li><a href="http://service.qq.com/category/cf.html" target="_blank">客户服务</a></li><li><a href="http://cf.qq.com/web200905/info/agreement.htm" target="_blank">用户协议</a></li><li><a href="http://cf.qq.com/web200905/info/player_rule.htm" target="_blank">玩家条例</a></li><li><a href="http://wenwen.soso.com/z/c18048256.htm?ch=fl.fl" target="_blank">网友互助</a></li></ul><ul class="" id="two_bbs"><li><a href="http://www.nifengla.com/" target="_blank">论坛</a></li><li><a href="http://post.soso.com/%E7%A9%BF%E8%B6%8A%E7%81%AB%E7%BA%BF" target="_blank">搜吧</a></li></ul></dd>
                </dl>
                <div id="banner"></div>
            </div>
        </div>
    </div>

    <script type="text/javascript" src="js/top_nav_foot.js"></script>
    <script type="text/javascript" src="js/public_scripts.js"></script>
</body>
</html>

JS代码(public_scripts.js):

/** cf:http://cf.qq.com/index.shtml* by:xylonhuang* date:2009-05-20**/
var DDSPEED=6;
	var DDTIMER=15;
	function ddMenu(id,d){
	var h=$(id+'-ddheader');
	var c=$(id+'-ddcontent');
	clearInterval(c.timer);
	if(d==1){
	clearTimeout(h.timer);
	if(c.maxh&&c.maxh<=c.offsetHeight){
	return}
else if(!c.maxh){
	c.style.display='block';
	c.style.height='auto';
	c.maxh=c.offsetHeight;
	c.style.height='0px'}
c.timer=setInterval(function(){
	ddSlide(c,1)}
,DDTIMER)}
else{
	h.timer=setTimeout(function(){
	ddCollapse(c)}
,50)}
}
function ddCollapse(c){
	c.timer=setInterval(function(){
	ddSlide(c,-1)}
,DDTIMER)}
function cancelHide(id){
	var h=$(id+'-ddheader');
	var c=$(id+'-ddcontent');
	clearTimeout(h.timer);
	clearInterval(c.timer);
	if(c.offsetHeight<c.maxh){
	c.timer=setInterval(function(){
	ddSlide(c,1)}
,DDTIMER)}
}
function ddSlide(c,d){
	var currh=c.offsetHeight;
	var dist;
	if(d==1){
	dist=(Math.round((c.maxh-currh)/DDSPEED))}
else{
	dist=(Math.round(currh/DDSPEED))}
if(dist<=1&&d==1){
	dist=1}
c.style.height=currh+(dist*d)+'px';
	c.style.opacity=currh/c.maxh;
	c.style.filter='alpha(opacity='+(currh*100/c.maxh)+')';
	if((currh<2&&d!=1)||(currh>(c.maxh-2)&&d==1)){
	clearInterval(c.timer);
	currh=null;
	dist=null}
if((d==-1)&&(currh<=4)){
	clearInterval(c.timer);
	currh=null;
	dist=null}
}
(function(){
	var objNav=$('nav'),arrOneleve=objNav.getElementsByTagName('dt')[0].getElementsByTagName('a'),arrTwoleve=objNav.getElementsByTagName('dd')[0].getElementsByTagName('ul'),intOneleve=arrOneleve.length,objhead=$('one-ddheader'),objcontent=$('one-ddcontent');
	for(var i=0;
	i<intOneleve;
	i++){
	arrOneleve[i].onmouseover=arrTwoleve[i].onmouseover=function(){
	for(var j=0;
	j<intOneleve;
	j++){
	if(arrOneleve[j].className=='curr'&&arrTwoleve[j].className=='curr'){
	arrOneleve[j].className='';
	arrTwoleve[j].className=''}
}
$("one"+this.id.substr(3)).className='curr';
	$("two"+this.id.substr(3)).className='curr'}
}
objNav.onmouseout=function(){
	for(var i=0;
	i<intOneleve;
	i++){
	arrOneleve[i].className='';
	arrTwoleve[i].className=''}
}
;
	objhead.onmouseover=function(){
	ddMenu('one',1)}
;
	objcontent.onmouseover=function(){
	cancelHide('one')}
;
	objhead.onmouseout=objcontent.onmouseout=function(){
	ddMenu('one',-1)}
}
)();
	function setTabcurr(ele,n){
	if(!$(ele)){
	return false}
var objWrap=$(ele),arrTabs=objWrap.getElementsByTagName('li'),intTabslength=arrTabs.length;
	if(!arrTabs[n]){
	n=0}
for(var i=0;
	i<intTabslength;
	i++){
	arrTabs[i].className=''}
if(n){
	if(n<intTabslength&&n>=0){
	arrTabs[n].className='curr'}
}
else{
	arrTabs[0].className='curr'}
}
function insertFlash(elm,eleid,url,w,h){
	if(!document.getElementById(elm))return;
	var str='';
	str+='<object width="'+w+'" height="'+h+'" id="'+eleid+'" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0">';
	str+='<param name="movie" value="'+url+'" />';
	str+='<param name="allowScriptAccess" value="always" />';
	str+='<param name="wmode" value="transparent" />';
	str+='<param name="quality" value="autohigh" />';
	str+='<embed width="'+w+'" height="'+h+'" name="'+eleid+'" src="'+url+'" quality="autohigh" swLiveConnect="always" wmode="transparent" allowScriptAccess="always" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed>';
	str+='</object>';
	document.getElementById(elm).innerHTML=str}
function getUrlparm(){
	var _anchor="";
	var _paramStr=new String(window.location.href);
	var _sharpPos=_paramStr.indexOf("?");
	if(_sharpPos>=0&&_sharpPos<_paramStr.length-1){
	_paramStr=_paramStr.substring(_sharpPos+1,_paramStr.length)}
else{
	_paramStr=""}
if(_paramStr.length>0){
	var _paramArr=_paramStr.split("&");
	if(_paramArr.length>0){
	var _paramKeyVal=_paramArr[0].split("=");
	if(_paramKeyVal.length>0){
	_anchor=_paramKeyVal[1]}
}
}
if(_anchor!=""){
	return _paramStr}
}
function attach(d,a,c,b){
	if(d.addEventListener){
	d.addEventListener(a,c,b)}
else{
	if(d.attachEvent){
	d.attachEvent("on"+a,c)}
}
}
(function(){
	if($('logined') && $('unlogin')){
	CheckLogin();
}
}
)();
	(function(){
	QqGg_ShowTypeNew(10,180,"h180","i180");
	QqGg_ShowTypeNew(10,181,"h181","i181");
}
)();
	(function(){
	var objFloat=$('right_gg_box');
	if(!objFloat){
	return false}
objFloat.innerHTML="<a href='http://cf.qq.com/act/a20081010team/static_icon.htm' target='_blank'><img src='http://ossweb-img.qq.com/images/cf/web200905/r_gg.jpg' /></a>";
	var intPageHeight=function(){
	var yScroll;
	if(window.innerHeight&&window.scrollMaxY){
	yScroll=window.innerHeight+window.scrollMaxY}
else if(document.body.scrollHeight>document.body.offsetHeight){
	yScroll=document.body.scrollHeight}
else{
	yScroll=document.body.offsetHeight}
return yScroll;
}
;
	objFloat.style.position="absolute";
	attach(window,"scroll",function(){
	var iScrollTop=document.body.scrollTop||document.documentElement.scrollTop;
	if(iScrollTop<parseInt(intPageHeight()-750)){
	objFloat.style.top=iScrollTop+'px'}
}
)}
)();
	/* |xGv00|7d2c60e3b33f1aab0675667c79910d28 */

JS代码(top_nav_foot.js):

document.domain="qq.com";
	function $(){
	var elements = new Array();
	for (var i = 0;
	i < arguments.length;
	i++){
	var element = arguments[i];
	if (typeof element == "string"){
	element = document.getElementById(element);
}
if (arguments.length == 1){
	return element;
}
elements.push(element);
}
return elements;
}
function addLoadEvent(func){
	var oldonload = window.onload;
	if(typeof window.onload != 'function'){
	window.onload = func;
}
else{
	window.onload = function(){
	oldonload();
	func();
}
}
}
(function(){
	if($('top')){
	$('top').innerHTML='<dl id="nav"><dt id="one-ddheader"><a href="http://cf.qq.com/main.shtml" id="one_home" title="��ҳ"></a><a href="http://cf.qq.com/webplat/info/36/88/list_1.shtml" id="one_news" title="���߱���"></a><a href="http://cf.qq.com/web200905/info/new_install.htm" id="one_gameinfo" title="��Ϸָ��"></a><a href="http://cf.qq.com/web200905/info/dl_game.htm" id="one_download" title="��������"></a><a href="#" id="one_shortcut" title="����ͨ��"></a><a href="http://app.cf.qq.com/cgi-bin/CommAction/showaction.cgi?iPdName=14&iType=2" id="one_cfarea" title="����ר��"></a><a href="http://cf.qq.com/act/a20081010team/" id="one_traitsys" title="��ɫϵͳ" target="_blank"></a><a href="http://games.qq.com/tencent/qqcf/" id="one_playerconcur" target="_blank" title="��һ���"></a><a href="http://service.qq.com/category/cf.html" id="one_customser" title="��Ѷ�ͷ�" target="_blank"></a><a href="http://cf.gamebbs.qq.com/" id="one_bbs" title="��̳" target="_blank"></a> </dt><dd id="one-ddcontent" class="c"><ul id="two_home"></ul><ul id="two_news"><li><a href="http://cf.qq.com/webplat/info/36/88/188/list_1.shtml">����</a></li><li><a href="http://cf.qq.com/webplat/info/36/88/199/list_1.shtml">����</a></li><li><a href="http://cf.qq.com/webplat/info/36/88/209/list_1.shtml">�</a></li><li><a href="http://cf.qq.com/webplat/info/36/88/208/list_1.shtml">����</a></li></ul><ul id="two_gameinfo"><li><a href="http://cf.qq.com/web200905/info/new_install.htm">�±���·</a></li><li><a href="http://cf.qq.com/web200905/info/gmi_story.htm">��Ϸ����</a></li><li><a href="http://cf.qq.com/web200905/info/faq_version.htm">��������</a></li></ul><ul id="two_download"><li><a href="http://cf.qq.com/web200905/info/dl_game.htm">��Ϸ����</a></li><li><a href="http://cf.qq.com/web200905/info/dl_wallpaper.htm">������ֽ</a></li><li><a href="http://cf.qq.com/web200905/info/dl_song.htm">�������</a></li><li><a href="http://cf.qq.com/web200905/info/dl_magazine.htm">������־</a></li><li><a href="http://cf.qq.com/web200905/info/dl_story.htm">����С˵</a></li></ul><ul id="two_shortcut"><li><a href="http://cf.qq.com/act/a20101020tyf/" target="_blank">�����</a></li><li><a href="http://cf.qq.com/act/a20090409forceout/index.htm" target="_blank">��Ų�ѯ</a></li><li><a href="http://QQCFyj.gamebbs.qq.com" target="_blank">BUG�ύ</a></li><li><a href="http://gamesafe.qq.com/" target="_blank">��Ϸ��ȫ</a></li><li><a href="http://fcm.qq.com/" target="_blank">������</a></li><li><a href="http://cf.qq.com/act/a20090907tenprotect/index.htm" target="_blank">�����ר��</a></li></ul><ul id="two_cfarea"><li><a href="http://app.cf.qq.com/cgi-bin/CommAction/showaction.cgi?iPdName=14&iType=2">�ר��</a></li><li><a href="http://app.cf.qq.com/cgi-bin/CommAction/showaction.cgi?iPdName=14&iType=1">�汾ר��</a></li><li><a href="http://cf.qq.com/web200905/info/games_list.htm">����ר��</a></li><li><a target="_blank" href="http://live.qq.com/zt/gzone/002.html">��Ƶר��</a></li><li><a href="http://act.vip.qq.com/privilege/templates/10200/" target="_blank">QQ��Աר��</a></li><li><a href="http://app.cf.qq.com/web200905/info/cdkey.htm">CDKEYר��</a></li></ul><ul id="two_traitsys"><li><a href="http://cf.qq.com/act/a20081010team/" target="_blank">ս��ϵͳ</a></li><li><a href="http://cf.qq.com/act/a20080415honor/index.htm" target="_blank">����ϵͳ</a></li></ul><ul id="two_playerconcur"><li><a href="http://games.qq.com/tencent/qqcf/" target="_blank">ս������</a></li><li><a href="http://act3.games.qq.com/2667/work/list.do?field3=1" target="_blank">������</a></li><li><a href="http://games.qq.com/tencent/qqcf/video/" target="_blank">�����Ƶ</a></li><li><a href="http://act3.games.qq.com/2667/work/list.do?field3=2" target="_blank">��ҽ�ͼ</a></li> <li><a href="http://cf.qzone.qq.com/" target="_blank">�ٷ�����</a></li><li><a href="http://t.qq.com/crossfire" target="_blank">�ٷ�΢��</a></li></ul><ul id="two_customser"><li><a href="http://service.qq.com/category/cf.html" target="_blank">�ͻ�����</a></li><li><a href="/web200905/info/agreement.htm" target="_blank">�û�Э��</a></li><li><a href="/web200905/info/player_rule.htm" target="_blank">�������</a></li><li><a href="http://wenwen.soso.com/z/c18048256.htm?ch=fl.fl" target="_blank">���ѻ���</a></li></ul><ul id="two_bbs"><li><a href="http://cf.gamebbs.qq.com/" target="_blank">��̳</a></li><li><a href="http://post.soso.com/��Խ����" target="_blank">�Ѱ�</a></li></ul></dd></dl><div id="banner"><a target="_blank" href="http://cf.qq.com/act/a20101021halloween/"></a></div>'}
}
)();
	document.write('<div id="loginbox"><div id="unlogin"><a href="javascript:OpenLoginDiv();
	" onfocus="this.blur();
	" title="�û���¼" onclick=\'pgvSendClick({
	hottag:\"main.link.login\"}
);
	\'>�û���¼</a><span id="loginfl"></span></div><div id="logined" style="display:none;
	"> <p class="c"><a href="http://cf.qq.com/web200905/info/gameinfo.htm" target="_blank" title="�鿴��Ϸ����">��Ϸ����</a> <a href="http://cf.qq.com/act/a20080306team/" target="_blank" title="����ս��ϵͳ">ս��ϵͳ</a> <a href="http://igame.qq.com/index.htm?gtype=2&page=1" target="_blank" title="������Ϸ����">��Ϸ����</a> <a href="javascript:LogoutPage();
	" title="ע��" class="logout">ע��</a></p></div></div><div id="leftbar"><h2 title="����"></h2><ul><li><a id="l_dl" href="http://cf.qq.com/web200905/info/dl_game.htm" onclick="pgvSendClick({
	hottag:\'main.downbtn.yxxz\'}
);
	" title="��Ϸ����">��Ϸ����</a></li><li><a id="l_ct" href="http://cf.qq.com/comm-htdocs/pay/?t=cf" onclick="pgvSendClick({
	hottag:\'main.sidebar.zhcz\'}
);
	" title="�ʻ���ֵ" target="_blank">�ʻ���ֵ</a></li><li><a id="l_ts" href="http://app.cf.qq.com/market/index.shtml" onclick="pgvSendClick({
	hottag:\'main.sidebar.djsc\'}
);
	" target="_blank" title="�����̳�">�����̳�</a></li><li><a id="l_vp" href="http://cf.qq.com/vip/" target="_blank" onclick="pgvSendClick({
	hottag:\'main.sidebar.cfhy\'}
);
	" title="CF��Ա">CF��Ա</a></li><li><a id="l_lk" href="http://app.cf.qq.com/act/a20080723cj/" target="_blank" onclick="pgvSendClick({
	hottag:\'main.sidebar.xylb\'}
);
	" title="�������">�������</a></li><li><a id="l_li" href="http://cf.qq.com/act/a20080415honor/index.htm" title="����ͼ��" target="_blank">����ͼ��</a></li><li><a id="l_cy" href="http://app.cf.qq.com/web200905/info/cdkey.htm" target="_blank" onclick=\'pgvSendClick({
	hottag:"main.sidebar.cdkey"}
);
	\' title="CDKEYר��">CDKEYר��</a></li><li><a id="l_qq" href="http://act.vip.qq.com/privilege/templates/10200/" target="_blank" onclick=\'pgvSendClick({
	hottag:"main.sidebar.qqhy"}
);
	\' title="QQ��Աר��">QQ��Աר��</a></li><li><a id="l_bq" href="http://qqgame.qq.com/act/a20100819cf/index.html" target="_blank" onclick=\'pgvSendClick({
	hottag:"main.sidebar.lzhz"}
);
	\' title="�������ר��">�������ר��</a></li></ul><div class="left_gg_box"><a id="h180" target="_blank"><img border="0" width="165" id="i180" /></a></div><div class="left_gg_box"><a id="h181" target="_blank"><img border="0" width="165" id="i181" /></a></div></div>');
	addLoadEvent(function(){
	if($('foot')){
	$('foot').innerHTML = '<div class="center"><div class="container" style="color:#B6B1A6;
	">�����Ļ���Ӫ���֤ <a href="http://cf.qq.com/web200905/info/game_rule.htm" target="_blank">��������[2008]6��</a> ���������澭Ӫ���֤ �³����2008��714��</div></div><div id="footlogo" class="container"><p> Copyright &copy;
	1998-2010 Tencent Inc. All Rights Reserved. <br />Copyright &copy;
	NEOWIZ GAMES.All Rights Reserved. <br />Copyright &copy;
	2002-2010 Smilegate Inc. All rights reserved. <br /></p></div>';
}
}
);
	(function(){
	$('loginfl').style.display="none";
	addLoadEvent(function(){
	insertFlash('loginfl','f','http://ossweb-img.qq.com/images/cf/web200905/fl_login.swf',320,180);
	$('loginfl').style.display="block";
	setTimeout(function(){
	$('unlogin').style.backgroundPosition="-1000px -1000px";
}
,100);
}
);
}
)();
	/* |xGv00|18d2a7c09a78876801f2027ff70e8e6e */

CSS代码(lanrentuku.css):

body{font-size:12px;font-family:Tahoma,Arial,Helvetica,sans-serif;background:#232222;color:#575453;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,blockquote,th,td{margin:0;padding:0;}
.center{text-align:center;}
a{text-decoration:none;color:#575453;}
a:hover{text-decoration:underline;color:#403B36;}
#wrap{background:url(../images/body_bg.jpg) #EBE5DA repeat-x 0 0;}
.container{width:1000px;margin:0 auto;}
#maincontent{width:784px;background:url(../images/miancnt_bg.jpg) repeat-x 0 0;padding:12px 0 0 20px;}
#centercnt{width:620px;}
#rightcnt{width:124px;padding-right:20px;position:relative;}
#nav{position:relative;z-index:99;}
#nav dt,#nav dt a{background-image:url(../images/miannav_bg.jpg);background-repeat:no-repeat;}
#nav dt{height:91px;background-position:0 0;position:relative;}
#nav dt a{position:absolute;display:block;height:67px;top:24px;background-position:-9999px -9999px;}
#nav dd{position:absolute;overflow:hidden;display:none;z-index:200;opacity:0;height:153px;width:984px;top:91px;left:6px;background:url(../images/twoleve_bg.jpg) no-repeat 0 0;}
#nav dd ul{float:left;height:132px;display:block;display:inline;padding:0;padding-top:21px;}
#nav dd ul.curr{background:url(../images/twolevetop_bg.jpg) repeat-x 0 0;}
#nav dd ul li{overflow:hidden;}
#nav dd ul li,#nav dd ul li a{display:block;height:21px;float:left;line-height:21px;text-align:left;width:100%;}
#nav dd ul li a{color:#bab4b4;padding-left:15px;}
#nav dd ul li a:hover{background:url(../images/btn_arr.gif) no-repeat -150px -99px;color:#03fae5;text-decoration:none;}
#one_home{width:53px;left:6px;}
#two_home{display:none;}
#one_home.curr{background-position:-6px -115px;}
#one_news,#two_news{width:84px;}
#one_news{left:59px;}
#two_news{margin-left:53px;}
#one_news.curr{background-position:-59px -115px;}
#one_gameinfo,#two_gameinfo{width:88px;}
#one_gameinfo{left:143px;}
#one_gameinfo.curr{background-position:-143px -115px;}
#one_download,#two_download{width:88px;}
#one_download{left:231px;}
#one_download.curr{background-position:-231px -115px;}
#one_shortcut,#two_shortcut{width:89px;}
#one_shortcut{left:319px;}
#two_shortcut{margin-right:184px;}
#one_shortcut.curr{background-position:-319px -115px;}
#one_cfarea,#two_cfarea{width:89px;}
#one_cfarea{left:592px;}
#one_cfarea.curr{background-position:-592px -115px;}
#one_traitsys,#two_traitsys{width:87px;}
#one_traitsys{left:681px;}
#one_traitsys.curr{background-position:-681px -115px;}
#one_playerconcur,#two_playerconcur{width:84px;}
#one_playerconcur{left:768px;}
#one_playerconcur.curr{background-position:-768px -115px;}
#one_customser,#two_customser{width:87px;}
#one_customser{left:852px;}
#one_customser.curr{background-position:-852px -115px;}
#one_bbs{width:51px;left:939px;}
#one_bbs.curr{background-position:-939px -115px;}
#two_bbs{width:49px;}
#banner{height:46px;padding:170px 0 0 490px;background:url(../images/home_banner.jpg) no-repeat 0 0;}

附件:下载该文件资源,减少时间成本(增值服务)