web前端大作业:游戏动漫网页设计(HTML+CSS+JavaScript)
2024-06-15 20:47:52
目录
网页实现截图:
主要源码展示:
获取完整源码:
网页实现截图:
动漫官网主页:
游戏动漫页面展示:
招贤纳士:
联系我们:
关于公司:
主要源码展示:
游戏动漫主页.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)相关推荐
- web前端大作业 (仿英雄联盟网站制作html css javascript) 学生dreamweaver网页设计作业
- web前端大作业 (仿英雄联盟网站制作HTML+CSS+JavaScript) 学生dreamweaver网页设计作业
- web前端大作业 (仿英雄联盟网站制作HTML+CSS+JavaScript) 学生dreamweaver网页设计作业...
- Web前端大作业—里约热内卢奥运会(html+css+javascript)
- HTML5期末大作业:动漫网页设计作业网站设计——电影动漫言叶之庭(4页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 计算机毕设网页设计源码
HTML5期末大作业:动漫网页设计作业网站设计--电影动漫言叶之庭(4页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 计算机毕设网页设计源码 常见 ...
- 28HTML5期末大作业:动漫网页设计作业网站设计——电影动漫言叶之庭(4页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 计算机毕设计源码
HTML5期末大作业:动漫网页设计作业网站设计--电影动漫言叶之庭(4页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 计算机毕设网页设计源码 常见 ...
- web前端大作业 学生HTML个人网页作业作品_蛋糕甜品店铺共11个页面(HTML+CSS+JavaScript)
学生HTML个人网页作业作品~ 个人主页博客网页设计制作~ 大学生个人网站作业模板~简单个人网页制作 ~面包店铺电商网站模板html 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头 ...
- WEB前端大作业-简约风格装潢公司设计响应式网页模板(HTML JS CSS))
主页:搞前端的半夏 简介:前端领域优质创作者.扫码或搜索添加文末公众号「搞前端的半夏」:
- Web前端大作业 体育主题足球网页制作 足球梅西HTML网页设计制作 dreamweaver学生网页源代码
- Web前端大作业 体育主题足球网页制作 足球梅西HTML网页设计制作 dreamweaver学生网页源代码...
最新文章
- windows下连接db2数据库
- linux简介ubuntu,Linux文件系统简介(基于Ubuntu)
- QML笔记-使用connect界面数据交互(qml中Designer使用)
- 升级版授权系统+盗版追踪+域名IP双授权+在线加密系统
- 从1.5k到18k, 一个程序员的5年成长之路
- Java发送Post请求,参数JSON,接收JSON
- WordPress企业主题:BDV适合于小型公司、企业,主要以产品类为主
- python自定义一个可迭代类_python进阶之自定义可迭代的类
- 关于改进建议几个方面的有效实践
- 计算机电路电子技术试题答案,数字电子技术基础试题及答案
- 朴素贝叶斯分类与拉普拉斯平滑
- 实验二 语法分析1——递归子程序法
- 计算机一级考试可以搜索吗,手动找回Windows7搜索功能
- java.lang.RuntimeException: Method w in android.util.Log not mocked Androidstudio单元测试配置build.gradle
- 《架构设计2.0大型分布式系统架构方法论与实践》三高笔记
- Linux系统异常夯死或宕机分析
- java currency 默认_Java Currency getDefaultFractionDigits()方法与示例
- 计算机辅助造型软件,AutoCAD 2010 专业的大型计算机辅助设计软件
- win 下 使用工具 将苹果dgm镜像转为cdr镜像,供vm虚拟机安装使用
- 流媒体流媒体ffmpeg_游戏流媒体服务将面临与流媒体电视相同的问题
热门文章