纯html+js+cs阴阳师官网

最新推荐文章于 2024-05-21 14:15:14 发布

至尊鸡

最新推荐文章于 2024-05-21 14:15:14 发布

阅读量166

点赞数 1

分类专栏：静态项目（js）文章标签： javascript html 前端

本文链接：https://blog.csdn.net/m0_72190449/article/details/135918144

版权

静态项目（js）专栏收录该内容

9 篇文章 0 订阅

订阅专栏

首页部分代码

  <!-- 头部 -->
    <header>
        <div class="mulu">
            游戏全目录
        </div>
        <div class="logo">
            <a href=""></a>
        </div>
    </header>

    <!-- 导航栏 -->
    <nav>
        <ul>
            <li>官网首页</li>
            <li>新闻资讯</li>
            <li>式神录</li>
            <li>游戏攻略</li>
            <li>大社区</li>
            <li>泛娱乐</li>
            <li>视听中心</li>
            <li>主题站</li>
            <li>周边商城</li>
            <li>藏宝阁</li>
            <li>官方渠道</li>
            <li>数字藏馆</li>
            <li>福利兑换</li>
            <li>系统转移</li>
            <li>道具特惠</li>
        </ul>
    </nav>

    <!-- part1 -->
    <div class="part1">
        <img src="./imgage/part1.jpg" alt="">
        <div class="bottom">
            <div class="bottom1">
                <a href="#"></a>
                <a href="#"></a>
            </div>
            <div class="bottom2">
                <img src="./imgage/bottom2.1.jpg" alt="">
                <img src="./imgage/横杠.webp" alt="">
                <a href="#"></a>
            </div>
            <div class="bottom3">
                <ul>
                    <li>
                        <p>【万事屋新区火热集结中】</p>
                        <img src="./imgage/小人.webp"
                            alt="">
                        <div>
                            <p>新区首月<br>免费符咒</p>
                        </div>
                        <p id="p1">>>></p>
                        <p id="p2">点击查看更多新区福利</p>
                    </li>
                    <li><img src="./imgage/桌面.webp"
                            alt=""></li>
                    <li>
                        <img src="./imgage/口红.jpg"
                            alt="">
                        <p>新人有好礼！25元专属券限时领！</p>
                    </li>
                    <li>
                        <h2>新闻 | 琳琅隐偶，影化奇形《阴阳师》影鳄新皮肤上线</h2>
                        <p>灯火渐明，夜市初启，精巧的珍偶陈列摊位吸引着过路行人前来玩赏，夜市的热闹引动蛋壳中的暗影，影化奇偶，随游市的人群穿行其中。穿上……</p>
                        <span></span>
                    </li>
                </ul>

            </div>
            <ul id="bottom3Nav">
                <li>
                    新闻资讯
                    <span></span>
                </li>
                <li>
                    新服集结
                    <span></span>
                </li>
            </ul>
        </div>
    </div>

私聊获取源码

运行部分截图