HTML5期末大作业：游戏美术网站设计——全屏游戏美术大赛作品(4页) web前端期末大作业 html+css+javascript网页设计实例
常见网页设计作业题材有
个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞蹈、 动漫、 明星、 服装、 体育、 化妆品、 物流、 环保、 书籍、 婚纱、 军事、 游戏、 节日、 戒烟、 电影、 摄影、 文化、 家乡、 鲜花、 礼品、 汽车、 其他等网页设计题目,A+水平作业, 可满足大学生网页大作业网页设计需求, 喜欢的可以下载!
获取更多源码
PC电脑端关注我们
🧡作者主页-更多源码
🧡HTML期末大作业文章专栏
作品介绍
1.网页作品简介：HTML期末大学生网页设计作业 A+水平 ,喜欢的可以下载，文章页支持手机PC响应式布局。
2.网页作品编辑：作品下载后可使用任意HTML编辑软件（如：DW、HBuilder、NotePAD 、Vscode 、Sublime 、Webstorm、 Notepad++等任意HTML软件编辑修改网页）。
3.网页作品技术：Div+CSS、鼠标滑过特效、Table、导航栏效果、banner、表单、二级三级页面等，视频、 音频元素 、Flash，同时设计了logo（源文件），基本期末作业所需的知识点全覆盖。
文章目录
HTML5期末大作业：游戏美术网站设计——全屏游戏美术大赛作品(4页) web前端期末大作业 html+css+javascript网页设计实例获取更多源码作品介绍一、作品展示二、文件目录三、代码实现四、获取更多源码五、学习资料六、更多源码一、作品展示
二、文件目录
三、代码实现
<html lang="zh-CN"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1"><title>腾讯GAD艺行者游戏美术大赛</title><meta name="Keywords" content="GAD艺行者游戏美术大赛，游戏美术大赛，艺行者，腾讯GAD游戏美术大赛"><meta name="description" content="“艺行者”腾讯GAD游戏美术大赛是由腾讯GAD主办，腾讯互娱光子美术中心与全球顶尖的用户界面产品生产商Wacom共同承办的游戏美术作品大赛活动，本次活动面向所有的游戏美术从业者以及在校大学生，旨在为参赛者搭建一个艺术学习和成长的交流平台，打造游戏美术专业顶尖赛事"><link rel="stylesheet" href="./css/global.css"><link rel="stylesheet" href="./css/swiper-3.4.1.min.css"><link rel="stylesheet" href="./css/index.css"><script type="text/javascript">function isMobile(){var u = navigator.userAgent,a = ["Android", "iPhone", "SymbianOS", "Windows Phone", "iPad", "iPod"],res = false;for (var i = 0; i < a.length; i++) {if (u.indexOf(a[i]) > 0) {res = true;break;}}return res;}//判断IE9及以下，不支持flex布局属性提示升级function browserType(){var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串var isOpera = userAgent.indexOf("Opera") > -1; //判断是否Opera浏览器// var isIE = userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1 && !isOpera; //判断是否IE浏览器var isIE=window.ActiveXObject || "ActiveXObject" in window// var isEdge = userAgent.indexOf("Windows NT 6.1; Trident/7.0;") > -1 && !isIE; //判断是否IE的Edge浏览器var isEdge = userAgent.indexOf("Edge") > -1; //判断是否IE的Edge浏览器var isFF = userAgent.indexOf("Firefox") > -1; //判断是否Firefox浏览器var isSafari = userAgent.indexOf("Safari") > -1 && userAgent.indexOf("Chrome") == -1; //判断是否Safari浏览器var isChrome = userAgent.indexOf("Chrome") > -1 && userAgent.indexOf("Safari") > -1&&!isEdge; //判断Chrome浏览器if (isIE){var reIE = new RegExp("MSIE (\\d+\\.\\d+);");reIE.test(userAgent);var fIEVersion = parseFloat(RegExp["$1"]);if(userAgent.indexOf('MSIE 6.0')!=-1){return "IE6";}else if(fIEVersion == 7){return "IE7";}else if(fIEVersion == 8){return "IE8";}else if(fIEVersion == 9){return "IE9";}else if(fIEVersion == 10){return "IE10";}else if(userAgent.toLowerCase().match(/rv:([\d.]+)\) like gecko/)){return "IE11";}else{return "0"}//IE版本过低}//isIE endif (isFF) {return "FF";}if (isOpera) {return "Opera";}if (isSafari) {return "Safari";}if (isChrome) {return "Chrome";}if (isEdge) {return "Edge";}}if(browserType() === "IE6" || browserType() === "IE7" || browserType() === "IE8" || browserType() === "IE9"){window.location = "/update_guide.html";}if(isMobile()){location.href = 'mobile.html';}</script></head><body><!--页面主内容[[--><div class="m-container index"><!--头部导航栏[[--><div class="headnav "><div class="headnav-wrap"><a class="headnav-logo" href="http://www." target="_blank"><img class="logo-img" width="144" height="41" src="./img/activity_logo.png"></a><div class="headnav-main"><ul class="headnav-list f-clearfix f-fl"><li class="list-item cur"><a class="list-link" href="javascript:;">首页</a></li><li class="list-item"><a class="list-link" href="javascript:;">作品征集</a></li><li class="list-item"><a class="list-link" href="javascript:;">作品评选</a></li><li class="list-item"><a class="list-link" href="javascript:;">线下巡回</a></li><li class="list-item"><a class="list-link" href="javascript:;">合作伙伴</a></li></ul><!--[交互说明]在headnav-signup后追加类：立即报名（默认） | show-signup-normal我的报名 | show-signup-my报名结束 | show-signup-end点击 立即报名/我的报名，调起报名弹窗，报名结束不可点--><div class="headnav-signup show-signup-normal"><a class="signup-btn btn-default normal" href="///megagame/intro/93">立即参赛 ></a><a class="signup-btn btn-default my" href="javascript:;">我的参赛</a><a class="signup-btn btn-disabled end" href="javascript:;">比赛结束</a></div></div>preloadImages: true,width: window.innerWidth,mousewheelControl: true,nextButton: '.slide-next',onSlideChangeStart: function () {var swiperI = mySwiper.activeIndex;console.log(swiperI);if(swiperI<0){$(".headnav-list .list-item").removeClass("cur");}else{$(".headnav-list .list-item").removeClass("cur").eq(swiperI).addClass('cur');}}});$(".headnav-list .list-item").click(function(event) {/* Act on the event */// console.log($(this).index());$(".headnav-list .list-item").removeClass("cur");$(this).addClass('cur');mySwiper.slideTo($(this).index(), 1000, false);});</script><!--测试JS]]--></body></html>
四、获取更多源码
PC电脑端关注我们
五、学习资料
web前端 零基础-入门到高级 (视频+源码+开发软件+学习资料+面试题) 一整套 (教程)
适合入门到高级的童鞋们入手~送1000套HTML+CSS+JavaScript模板网站
六、更多源码
HTML5期末考核大作业源码* 包含个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞蹈、 动漫、 明星、 服装、 体育、 化妆品、 物流、 环保、 书籍、 婚纱、 军事、 游戏、 节日、 戒烟、 电影、 摄影、 文化、 家乡、 鲜花、 礼品、 汽车、 其他可满足大学生网页大作业网页设计需求, 喜欢的可以下载!
HTML5期末大作业：游戏美术网站设计——全屏游戏美术大赛作品(4页) web前端期末大作业 html+css+javascript网页设计实例
