腾讯游戏《上古世纪》官网导航代码

分类:代码 日期:

腾讯游戏《上古世纪》官网导航代码

演 示 下 载

《上古世纪》是“韩国网游第一人”——宋在京开发的一款网游,由腾讯公司代理。《上古世纪》官方网站的导航非常漂亮,尤其是大幅的半透明背景非常有特点。

使用方法

引入文件

<link rel="stylesheet" href="css/archenav.css">
<script src="js/jquery.min.js"></script>
<script src="js/archenav.js"></script>

HTML

<div class="header">
    <div class="topNav" id="topNav">
        <div class="topNav2">
            <div class="navBox">
                <div class="navIndexBg">
                    <div class="navIL"></div>
                    <div class="navIL navIR"></div>
                    <div class="navIM"></div>
                </div>
                <div class="navMain" id="navMain"> 
                    <div class="navIndex" id="navIndex">
                        <ul>
                            <li> <a href="###" title="官网首页">官网首页</a> </li>
                            <li> <a href="###" title="游戏资料">游戏资料</a> </li>
                            <li> <a href="###" title="视觉盛宴">视觉盛宴</a> </li>
                            <li> <a href="###" title="游戏下载">游戏下载</a> </li>
                            <li> <a href="###" title="新闻活动">新闻活动</a> </li>
                            <li> <a href="###" title="玩家社区">玩家社区</a> </li>
                        </ul>
                    </div>
                    <div class="navSub" id="navSub">
                        <dl class="nav2">
                            <dt>游戏资料</dt>
                            <dd> <a href="###" title="游戏介绍">游戏介绍</a> </dd>
                            <dd> <a href="###" title="游戏特色">游戏特色</a> </dd>
                            <dd> <a href="###" title="系统介绍">系统介绍</a> </dd>
                            <dd> <a href="###" title="新手指南">新手指南</a> </dd>
                        </dl>
                        <dl class="nav1">
                            <dt>视觉盛宴</dt>
                            <dd> <a href="###" title="游戏视频">游戏视频</a> </dd>
                            <dd> <a href="###" title="游戏壁纸">游戏壁纸</a> </dd>
                            <dd> <a href="###" title="游戏截图">游戏截图</a> </dd>
                            <dd> <a href="###" title="游戏音乐">游戏音乐</a> </dd>
                        </dl>
                        <dl>
                            <dt>游戏下载</dt>
                            <dd> <a href="###" title="游戏下载">游戏下载</a> </dd>
                            <dd> <a href="###" title="其他下载">其他下载</a> </dd>
                        </dl>
                        <dl>
                            <dt>新闻活动</dt>
                            <dd> <a href="###" title="新闻中心">新闻中心</a> </dd>
                            <dd> <a href="###" title="活动专题">活动专题</a> </dd>
                        </dl>
                        <dl>
                            <dt>玩家社区</dt>
                            <dd> <a href="###" title="积分中心">积分中心</a> </dd>
                            <dd> <a href="###" title="官方互动">官方互动</a> </dd>
                            <dd> <a href="###" title="官方论坛">官方论坛</a> </dd>
                        </dl>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="logoBox">
        <h1 id="logo" class="logoPNG"> 上古世纪官方网站 </h1>
    </div>
</div>
标签:
查看演示

下载本素材需消耗 50 积分

无法下载?立即反馈