Web前端--HTML+CSS+JavaScript酷炫游戏动漫网页设计

临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大？网页要求的总数量太多？HTML网页作业无从下手？没有合适的模板？等等一系列问题。你想要解决的问题，在这里常见网页设计作业题材有 个人、 美食、 公司、体育、 化妆品、 物流、 环保、 书籍、 婚纱、 军事、 游戏、 节日、 戒烟、 电影、 摄影 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞蹈、 动漫、 明星、 服装、  文化、 家乡、 鲜花、 礼品、 汽车、 其他等网页设计题目, A+水平作业, 可满足大学生网页大作业网页设计需求都能满足你的需求。原始HTML+CSS+JS页面设计, web大学生网页设计作业源码，这是一个不错的电竞博客网页制作，画面精明，非常适合初学者学习使用。

  视频演示： web前端期末大作业-响应式婚庆公司网页设计.mp4https://www.bilibili.com/video/BV18Q4y1S7Mjhttps://www.bilibili.com/video/BV18Q4y1S7Mj

网页实现截图：

动漫官网主页： 

游戏动漫页面展示：

招贤纳士：

联系我们：

关于公司：

项目组织结构：

 

主要源码展示：

游戏动漫主页.html

    
    



   
                    
首页
                    
作品展示
                    
招贤纳士
                    
联系我们
                    
关于公司
                    
中|EN
                
            

我们参与的项目

• 
  大型海战战场“潜龙之渊”上线，全民开战！
• 
  天刀嘲天宫《一人之战》视频首发 同名专辑上架QQ音乐
• 
  懒人攻略 如何刷完一周胜负令
• 
  《王者荣耀》魔性H5上线，五军对决等你来战
• 
  超高期待！玩家Coser作品获《绝地求生 全军出击》官方点赞
• 
  揭幕战RNGvsIG LPL春季赛1月15日正式开赛

更多作品

关于我们

广州袁动动漫设计有限公司（YD ART），致力于CG美术概念设计及三维影视游戏视觉开发制作 其团队现由创办人袁杰联合著名CG艺术家肖壮悦以及XRCGTEAM（http://www.xrcgteam.com）成员和各游戏、影视、动漫业内资深艺术家所组成， 为国内外众多项目提供优质概念设计、原画设定、美宣插画、次世代3D、GUI、动作特效等外包服务。 曾参与《星际争霸》《上古卷轴》《英雄联盟》《战神》《三国无双》《梦幻西游》《LOC》《鬼吹灯》《长城》等国内外大型游戏影视项目视觉美术开发制作

<

• 角色原画设计 场景原画设计 UI设计
• 肖像绘制 道具绘制 图标绘制
• 美宣 卡牌绘制 2D场景整合
• 3DMAX角色模型 3DMAX场景模型 次世代模型、贴图
• 3DMAX动画 3DMAX特效 3转2绘制

 主页css

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {
    color: #cf0f32;
    background: none;
}

.navbar-default .navbar-nav>li>a:hover {
    color: #cf0f32;
}

.navbar-nav>li>a {
    line-height: 80px;
}

.navbar-default .navbar-nav>li>a {
    color: #000;
}

.nav>li>a {
    padding: 10px 12px;
    display: inline-block;
}

.navbar-default .navbar-nav>li.lang {
    margin-left: 20px;
}

javascript实现图片轮播：

//多图轮播
    jQuery(".picScroll").slide({
        mainCell: "ul",
        effect: "leftLoop",
        vis: 6,
        scroll: 1,
        autoPage: true,
        switchLoad: "_src",
        autoPlay: true
    });

    //banner轮播
    var swiper = new Swiper('.swiper-container', {
        spaceBetween: 30,
        //	      effect: 'fade',
        loop: true,
        pagination: {
            el: '.swiper-pagination',
            clickable: true,
        },
        navigation: {
            nextEl: '.swiper-button-next',
            prevEl: '.swiper-button-prev',
        },
    });

作品来自于网络收集、侵权立删 

获取完整源码：

大家点赞、收藏、关注、评论啦