目录

网页实现截图:

主要源码展示:

获取完整源码:


网页实现截图:

动漫官网主页:

游戏动漫页面展示:

招贤纳士:

联系我们:

关于公司:

主要源码展示:

游戏动漫主页.html

<head><title>游戏动漫官网-首页</title></head><body><li class="active"><a href="index.html">首页</a></li><li><a href="worksShow.html">作品展示</a></li><li><a href="recruit.html">招贤纳士</a></li><li><a href="contract.html">联系我们</a></li><li><a href="about.html">关于公司</a></li><li class="lang"><a class="active">中</a>|<a href="en_index.html">EN</a></li></ul></div><!-- /.navbar-collapse --></div><!-- /.container-fluid --></nav><!-- Swiper --><div class="swiper-container"><div class="swiper-wrapper"><div class="swiper-slide" style="background-image:url(img/banner.png)"></div><div class="swiper-slide" style="background-image:url(img/banner.png)"></div><div class="swiper-slide" style="background-image:url(img/banner.png)"></div><div class="swiper-slide" style="background-image:url(img/banner.png)"></div><div class="swiper-slide" style="background-image:url(img/banner.png)"></div></div><!-- Add Pagination --><div class="swiper-pagination swiper-pagination-white"></div><!-- Add Arrows --><div class="swiper-button-next swiper-button-white"></div><div class="swiper-button-prev swiper-button-white"></div></div><!--多图轮播--><div class="lunbo"><div class="title wow bounceInUp">我们参与的项目</div><div class="picScroll"><ul><li><a target="_blank" href="###"><img _src="img/lunbo1.png" src="img/lunbo1.png" /><div class="img-text">大型海战战场“潜龙之渊”上线,全民开战!</div></a></li><li><a target="_blank" href="###"><img _src="img/lunbo2.png" src="img/lunbo2.png" /><div class="img-text">天刀嘲天宫《一人之战》视频首发 同名专辑上架QQ音乐</div></a></li><li><a target="_blank" href="###"><img _src="img/lunbo3.png" src="img/lunbo3.png" /><div class="img-text">懒人攻略 如何刷完一周胜负令</div></a></li><li><a target="_blank" href="###"><img _src="img/lunbo4.png" src="img/lunbo4.png" /><div class="img-text">《王者荣耀》魔性H5上线,五军对决等你来战</div></a></li><li><a target="_blank" href="###"><img _src="img/lunbo5.png" src="img/lunbo5.png" /><div class="img-text">超高期待!玩家Coser作品获《绝地求生 全军出击》官方点赞</div></a></li><li><a target="_blank" href="###"><img _src="img/lunbo6.png" src="img/lunbo6.png" /><div class="img-text">揭幕战RNGvsIG LPL春季赛1月15日正式开赛</div></a></li></ul><a class="prev" href="javascript:void(0)"></a><a class="next" href="javascript:void(0)"></a></div><a href="###"><div class="more">更多作品</div></a></div><!--关于我们--><div class="aboutUs"><div class="wrap"><div class="title wow bounceInUp">关于我们</div><div class="text wow slideInDown"><span class="ccf0f32">广州袁动动漫设计有限公司(YD ART),致力于CG美术概念设计及三维影视游戏视觉开发制作</span><span>其团队现由创办人袁杰联合著名CG艺术家肖壮悦以及XRCGTEAM(<a href="http://www.xrcgteam.com">http://www.xrcgteam.com</a>)成员和各游戏、影视、动漫业内资深艺术家所组成,</span><span>为国内外众多项目提供优质概念设计、原画设定、美宣插画、次世代3D、GUI、动作特效等外包服务。</span><span>曾参与《星际争霸》《上古卷轴》《英雄联盟》《战神》《三国无双》《梦幻西游》《LOC》《鬼吹灯》《长城》等国内外大型游戏影视项目视觉美术开发制作</span></div><<ul><li><a href="###">角色原画设计</a><a href="###">场景原画设计</a><a href="###">UI设计</a></li><li><a href="###">肖像绘制</a><a href="###">道具绘制</a><a href="###">图标绘制</a></li><li><a href="###">美宣</a><a href="###">卡牌绘制</a><a href="###">2D场景整合</a></li><li><a href="###">3DMAX角色模型</a><a href="###">3DMAX场景模型</a><a href="###">次世代模型、贴图</a></li><li><a href="###">3DMAX动画</a><a href="###">3DMAX特效</a><a href="###">3转2绘制</a></li></ul></div></div></div><!--footer--><style>.copyrights {text-indent: -9999px;height: 0;line-height: 0;font-size: 0;overflow: hidden;}</style>

主页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',},});

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

获取完整源码:

看到这里了就 [点赞+好评+收藏] 三连 支持下吧,

以上内容技术相关问题可以相互学习,可在  

web前端大作业:游戏动漫网页设计(HTML+CSS+JavaScript)相关推荐

  1. web前端大作业 (仿英雄联盟网站制作html css javascript) 学生dreamweaver网页设计作业

  2. web前端大作业 (仿英雄联盟网站制作HTML+CSS+JavaScript) 学生dreamweaver网页设计作业

  3. web前端大作业 (仿英雄联盟网站制作HTML+CSS+JavaScript) 学生dreamweaver网页设计作业...

  4. Web前端大作业—里约热内卢奥运会(html+css+javascript)

  5. HTML5期末大作业:动漫网页设计作业网站设计——电影动漫言叶之庭(4页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 计算机毕设网页设计源码

    HTML5期末大作业:动漫网页设计作业网站设计--电影动漫言叶之庭(4页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 计算机毕设网页设计源码 常见 ...

  6. 28HTML5期末大作业:动漫网页设计作业网站设计——电影动漫言叶之庭(4页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 计算机毕设计源码

    HTML5期末大作业:动漫网页设计作业网站设计--电影动漫言叶之庭(4页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 计算机毕设网页设计源码 常见 ...

  7. web前端大作业 学生HTML个人网页作业作品_蛋糕甜品店铺共11个页面(HTML+CSS+JavaScript)

    学生HTML个人网页作业作品~ 个人主页博客网页设计制作~ 大学生个人网站作业模板~简单个人网页制作 ~面包店铺电商网站模板html 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头 ...

  8. WEB前端大作业-简约风格装潢公司设计响应式网页模板(HTML JS CSS))

    主页:搞前端的半夏 简介:前端领域优质创作者.扫码或搜索添加文末公众号「搞前端的半夏」:

  9. Web前端大作业 体育主题足球网页制作 足球梅西HTML网页设计制作 dreamweaver学生网页源代码

  10. Web前端大作业 体育主题足球网页制作 足球梅西HTML网页设计制作 dreamweaver学生网页源代码...

最新文章

  1. windows下连接db2数据库
  2. linux简介ubuntu,Linux文件系统简介(基于Ubuntu)
  3. QML笔记-使用connect界面数据交互(qml中Designer使用)
  4. 升级版授权系统+盗版追踪+域名IP双授权+在线加密系统
  5. 从1.5k到18k, 一个程序员的5年成长之路
  6. Java发送Post请求,参数JSON,接收JSON
  7. WordPress企业主题:BDV适合于小型公司、企业,主要以产品类为主
  8. python自定义一个可迭代类_python进阶之自定义可迭代的类
  9. 关于改进建议几个方面的有效实践
  10. 计算机电路电子技术试题答案,数字电子技术基础试题及答案
  11. 朴素贝叶斯分类与拉普拉斯平滑
  12. 实验二 语法分析1——递归子程序法
  13. 计算机一级考试可以搜索吗,手动找回Windows7搜索功能
  14. java.lang.RuntimeException: Method w in android.util.Log not mocked Androidstudio单元测试配置build.gradle
  15. 《架构设计2.0大型分布式系统架构方法论与实践》三高笔记
  16. Linux系统异常夯死或宕机分析
  17. java currency 默认_Java Currency getDefaultFractionDigits()方法与示例
  18. 计算机辅助造型软件,AutoCAD 2010 专业的大型计算机辅助设计软件
  19. win 下 使用工具 将苹果dgm镜像转为cdr镜像,供vm虚拟机安装使用
  20. 流媒体流媒体ffmpeg_游戏流媒体服务将面临与流媒体电视相同的问题

热门文章

  1. python安装包国内镜像,pip使用国内镜像
  2. 蜂鸣器c51汇编语言,51单片机蜂鸣器奏乐实验汇编代码.doc
  3. c语言小车路径规划算法,小车自动避障及路径规划.doc
  4. IC工程师简历制作全解读
  5. Java常见加密方式
  6. matlab 2012 简明教程,MATLAB 2012简明教程
  7. 2022年全球差旅费管理系统行业分析报告
  8. RESTful 使用规范及接口文档模板
  9. 高校科研项目管理系统
  10. EOC AAA用户管理开题报告规划