动漫网页游戏 酷炫游戏动漫网页设计模板
大家好,如果您还对动漫网页游戏不太了解,没有关系,今天就由本站为大家分享动漫网页游戏的知识,包括酷炫游戏动漫网页设计模板的问题都会给大家分析到,还望可以解决大家的问题,下面我们就开始吧!
临近期末,你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTML网页作业无从下手?网页要求的总数量太多?没有合适的模板?等等一系列问题。你想要解决的问题,在专栏
都能满足你的需求。原始HTML+CSS+JS页面设计,web大学生网页设计作业源码,这是一个不错的网页制作,画面精明,非常适合初学者学习使用。
网页实现截图:文末获取源码
主要源码展示:
主要源码展示:
游戏动漫主页.html
<head>\\n\\n<title>游戏动漫官网-首页</title>\\n\\n</head>\\n\\n<body>\\n\\n<liclass="active"><ahref="index.html">首页</a></li>\\n<li><ahref="worksShow.html">作品展示</a></li>\\n<li><ahref="recruit.html">招贤纳士</a></li>\\n<li><ahref="contract.html">联系我们</a></li>\\n<li><ahref="about.html">关于公司</a></li>\\n<liclass="lang"><aclass="active">中</a>|<ahref="en_index.html">EN</a></li>\\n</ul>\\n</p>\\n<!--/.navbar-collapse-->\\n</p>\\n<!--/.container-fluid-->\\n</nav>\\n<!--Swiper-->\\n<pclass="swiper-container">\\n<pclass="swiper-wrapper">\\n<pclass="swiper-slide"style="background-image:url(img/banner.png)"></p>\\n<pclass="swiper-slide"style="background-image:url(img/banner.png)"></p>\\n<pclass="swiper-slide"style="background-image:url(img/banner.png)"></p>\\n<pclass="swiper-slide"style="background-image:url(img/banner.png)"></p>\\n<pclass="swiper-slide"style="background-image:url(img/banner.png)"></p>\\n</p>\\n<!--AddPagination-->\\n<pclass="swiper-paginationswiper-pagination-white"></p>\\n<!--AddArrows-->\\n<pclass="swiper-button-nextswiper-button-white"></p>\\n<pclass="swiper-button-prevswiper-button-white"></p>\\n</p>\\n<!--多图轮播-->\\n<pclass="lunbo">\\n<pclass="titlewowbounceInUp">我们参与的项目</p>\\n<pclass="picScroll">\\n<ul>\\n<li>\\n<atarget="_blank"href="###">\\n\\t\\t\\t\\t\\t\\t\\t\\t<img_src="img/lunbo1.png"src="img/lunbo1.png"/>\\n\\t\\t\\t\\t\\t\\t\\t\\t<pclass="img-text">大型海战战场“潜龙之渊”上线,全民开战!</p>\\n\\t\\t\\t\\t\\t\\t\\t</a>\\n</li>\\n<li>\\n<atarget="_blank"href="###">\\n\\t\\t\\t\\t\\t\\t\\t\\t<img_src="img/lunbo2.png"src="img/lunbo2.png"/>\\n\\t\\t\\t\\t\\t\\t\\t\\t<pclass="img-text">天刀嘲天宫《一人之战》视频首发同名专辑上架QQ音乐</p>\\n\\t\\t\\t\\t\\t\\t\\t</a>\\n</li>\\n<li>\\n<atarget="_blank"href="###"><img_src="img/lunbo3.png"src="img/lunbo3.png"/>\\n\\t\\t\\t\\t\\t\\t\\t\\t<pclass="img-text">懒人攻略如何刷完一周胜负令</p>\\n\\t\\t\\t\\t\\t\\t\\t</a>\\n</li>\\n<li>\\n<atarget="_blank"href="###"><img_src="img/lunbo4.png"src="img/lunbo4.png"/>\\n\\t\\t\\t\\t\\t\\t\\t\\t<pclass="img-text">《王者荣耀》魔性H5上线,五军对决等你来战</p>\\n\\t\\t\\t\\t\\t\\t\\t</a>\\n</li>\\n<li>\\n<atarget="_blank"href="###"><img_src="img/lunbo5.png"src="img/lunbo5.png"/>\\n\\t\\t\\t\\t\\t\\t\\t\\t<pclass="img-text">超高期待!玩家Coser作品获《绝地求生全军出击》官方点赞</p>\\n\\t\\t\\t\\t\\t\\t\\t</a>\\n</li>\\n<li>\\n<atarget="_blank"href="###"><img_src="img/lunbo6.png"src="img/lunbo6.png"/>\\n\\t\\t\\t\\t\\t\\t\\t\\t<pclass="img-text">揭幕战RNGvsIGLPL春季赛1月15日正式开赛</p>\\n\\t\\t\\t\\t\\t\\t\\t</a>\\n</li>\\n</ul>\\n<aclass="prev"href="javascript:void(0)"></a>\\n<aclass="next"href="javascript:void(0)"></a>\\n</p>\\n<ahref="###">\\n<pclass="more">更多作品</p>\\n</a>\\n</p>\\n<!--关于我们-->\\n<pclass="aboutUs">\\n<pclass="wrap">\\n<pclass="titlewowbounceInUp">关于我们</p>\\n<pclass="textwowslideInDown">\\n<spanclass="ccf0f32">广州袁动动漫设计有限公司(YDART),致力于CG美术概念设计及三维影视游戏视觉开发制作</span>\\n<span>其团队现由创办人袁杰联合著名CG艺术家肖壮悦以及XRCGTEAM(<ahref="http://www.xrcgteam.com">http://www.xrcgteam.com</a>)成员和各游戏、影视、动漫业内资深艺术家所组成,</span>\\n<span>为国内外众多项目提供优质概念设计、原画设定、美宣插画、次世代3D、GUI、动作特效等外包服务。</span>\\n<span>曾参与《星际争霸》《上古卷轴》《英雄联盟》《战神》《三国无双》《梦幻西游》《LOC》《鬼吹灯》《长城》等国内外大型游戏影视项目视觉美术开发制作</span>\\n</p>\\n<\\n<ul>\\n<li>\\n<ahref="###">角色原画设计</a>\\n<ahref="###">场景原画设计</a>\\n<ahref="###">UI设计</a>\\n</li>\\n<li>\\n<ahref="###">肖像绘制</a>\\n<ahref="###">道具绘制</a>\\n<ahref="###">图标绘制</a>\\n</li>\\n<li>\\n<ahref="###">美宣</a>\\n<ahref="###">卡牌绘制</a>\\n<ahref="###">2D场景整合</a>\\n</li>\\n<li>\\n<ahref="###">3DMAX角色模型</a>\\n<ahref="###">3DMAX场景模型</a>\\n<ahref="###">次世代模型、贴图</a>\\n</li>\\n<li>\\n<ahref="###">3DMAX动画</a>\\n<ahref="###">3DMAX特效</a>\\n<ahref="###">3转2绘制</a>\\n</li>\\n</ul>\\n</p>\\n</p>\\n</p>\\n<!--footer-->\\n\\n\\n<style>\\n.copyrights{\\ntext-indent:-9999px;\\nheight:0;\\nline-height:0;\\nfont-size:0;\\noverflow:hidden;\\n}\\n</style>\\n
主页css
.navbar-default.navbar-nav>.active>a,\\n.navbar-default.navbar-nav>.active>a:focus,\\n.navbar-default.navbar-nav>.active>a:hover{\\ncolor:#cf0f32;\\nbackground:none;\\n}\\n\\n.navbar-default.navbar-nav>li>a:hover{\\ncolor:#cf0f32;\\n}\\n\\n.navbar-nav>li>a{\\nline-height:80px;\\n}\\n\\n.navbar-default.navbar-nav>li>a{\\ncolor:#000;\\n}\\n\\n.nav>li>a{\\npadding:10px12px;\\ndisplay:inline-block;\\n}\\n\\n.navbar-default.navbar-nav>li.lang{\\nmargin-left:20px;\\n}
xxxxxxxxxxbr.navbar-default.navbar-nav>.active>a,br.navbar-default.navbar-nav>.active>a:focus,br.navbar-default.navbar-nav>.active>a:hover{brcolor:#cf0f32;brbackground:none;br}brbr.navbar-default.navbar-nav>li>a:hover{brcolor:#cf0f32;br}brbr.navbar-nav>li>a{brline-height:80px;br}brbr.navbar-default.navbar-nav>li>a{brcolor:#000;br}brbr.nav>li>a{brpadding:10px12px;brdisplay:inline-block;br}brbr.navbar-default.navbar-nav>li.lang{brmargin-left:20px;br}
javascript实现图片轮播:
如果你还想了解更多这方面的信息,记得收藏关注本站。