web前端网页设计作业—个人网页(游戏主题)(html+css+js)
个人网页设计
- 个人网页(html+css+js)——带背景音乐、动态效果
- 游戏主题,页面美观,样式丰富
- 可以根据自己需求进行修改
- 源码在这里获取https://download.csdn.net/download/weixin_61370021/86758719?spm=1001.2014.3001.5503
- 高清视频首页
- 个人页面
- 游戏介绍页面
- 游戏轮播图
- 游戏资讯页面
- 游戏视频页面
- index.html
<!DOCTYPE html>
<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.0" /><title>欢迎来到 Lilly Yu 主页</title><link rel="shortcut icon" href="favicon.ico" /><!-- ------------------------------------------------- --><link rel="stylesheet" href="css/base.css" /><link rel="stylesheet" href="css/fullpage.min.css" /><!-- 引入外部字体连接 --><link rel="stylesheet" href="//at.alicdn.com/t/font_2935587_97eo1d0furr.css" /><!-- 引入animate --><link rel="stylesheet" href="css/animate.min.css" /><link rel="stylesheet" href="css/style-1.css" /><link rel="stylesheet" href="css/style-2.css" /><link rel="stylesheet" href="css/style-3.css" /><link rel="stylesheet" href="css/style-4.css" /><link rel="stylesheet" href="css/style-5.css" /><link rel="stylesheet" href="css/jaliswall.css" /><!-- ------------------------------------------------- --><script src="js/jQuery.mini.js"></script><script src="js/fullpage.min.js"></script><script src="js/jaliswall.js"></script><script src="js/index.js"></script><style>/* 轮播圆点颜色 */#fp-nav ul li a span {background-color: #fff !important;}/* 左右滑块的样式 */.fp-bottom ul {width: 100%;text-align: center;}/* 三屏的圆点颜色 */.fp-bottom ul li a span {background-color: rgb(255, 255, 255);}body {background-image: linear-gradient(#48f1d5, #fff, #ffa4a4);}</style>
</head><body><!-- 设置背景音乐 --><audio autoplay="autoplay" loop="loop" preload="auto" src="music/起风了(Cover 高橋優) - 买辣椒也用券.mp3"></audio><div id="dowebok"><!-- <h3>第一屏</h3> --><div class="section sec1" id="section2"><!-- 背景圆点 --><div class="sec1_circle1"></div><div class="sec1_circle2"></div><div class="sec1_circle3"></div><!-- 内容区域 --><main><div class="main_left"><div class="myPhoto current"><a href="#"><img src="./img/myphoto.jpg" alt="" /><h3>Lilly Yu</h3><p>且听风吟
web前端网页设计作业—个人网页(游戏主题)(html+css+js)相关推荐
- html期末作业代码网页设计 web网页设计实例作业 ——中国风文化传媒企业官网(6页) 简单网页设计作业 静态HTML文化主题网页作业
web网页设计实例作业 --中国风文化传媒企业官网(6页) 简单个人网页设计作业 静态HTML文化主题网页作业 常见网页设计作业题材有 个人. 美食. 公司. 学校. 旅游. 电商. 宠物. 电器. ...
- HTML5+CSS期末大作业:篮球明星个人网站设计——篮球明星介绍(6页) 简单的学生DW网页设计作业成品 web课程设计网页规划与设计 简单个人网页设计作业 静态HTML旅行主题网页作业 DW
HTML5+CSS期末大作业:篮球明星个人网站设计--篮球明星介绍(6页) 简单个人网页设计作业 静态HTML旅行主题网页作业 DW个人网站模板下载 大学生简单个人网页作品代码 常见网页设计作业题材有 ...
- TML5期末大作业:动漫网站设计——神偷奶爸(10页) HT简单个人网页设计作业 静态动漫主题网页作业 DW个人网站模板下载 大学生简单个人网页作品代码
HTML5期末大作业:动漫网站设计--神偷奶爸(10页) HT简单个人网页设计作业 静态动漫主题网页作业 DW个人网站模板下载 大学生简单个人网页作品代码 常见网页设计作业题材有 个人. 美食. 公司 ...
- HTML5期末大作业:商城网站设计——仿团购商城(1页) 简单个人网页设计作业 静态HTML旅行主题网页作业 DW个人网站模板下载 大学生简单个人网页作品代码 个人网页制作 学生个人网页Dreamwe
HTML5期末大作业:商城网站设计--仿团购商城(1页) 简单个人网页设计作业 静态HTML旅行主题网页作业 DW个人网站模板下载 大学生简单个人网页作品代码 个人网页制作 学生个人网页Dreamwe ...
- HTML5期末大作业:美食餐厅网站设计——一千一夜美食餐厅(11页) 食品网页设计作业,海鲜网页制作作业, 大众食品学生网页作业, 美食网页作业成品, 食物网页作业模板 ,甜品网页作业定制
HTML5期末大作业:美食餐厅网站设计--一千一夜美食餐厅(11页) 食品网页设计作业,海鲜网页制作作业, 大众食品学生网页作业, 美食网页作业成品, 食物网页作业模板 ,甜品网页作业定制 常见网页设 ...
- 大鱼海棠国漫主题HTML前端网页设计成品预览与讲解DIV CSS JS
国漫大鱼海棠主题,本套大作业共计10个页面,页面美观度较高,网页在细节设计上花了很大功夫,如边框.阴影,鼠标滑过效果等,运用的知识点有:Div+CSS.JS轮播图.Table.下拉菜单栏.视频.表单. ...
- web前端期末大作业 【网页设计】基于HTML+CSS2 华为商城 5页
Web前端开发技术 描述 网页设计题材,DIV+CSS 布局制作,HTML+CSS网页设计期末课程大作业 | 在线商城购物 | 水果商城 | 商城系统建设 | 多平台移动商城 | H5微商城购物商城项 ...
- web学生网页设计作业源码网页设计作业学生网页课程设计作业成品DIV+CSS
Web前端开发技术 描述 网页设计题材,DIV+CSS 布局制作,HTML+CSS网页设计期末课程大作业,游景点介绍 | 旅游风景区 | 家乡介绍 | 等网站的设计与制作 | 等网站的设计与制作 | ...
- 网页设计作业学生网页课程设计作业成品DIV+CSS-中国传统文化
Web前端开发技术 描述 网页设计题材,DIV+CSS 布局制作,HTML+CSS网页设计期末课程大作业,茶文化网站 | 中华传统文化题材 | 京剧文化水墨风书画 | 中国民间年画文化艺术网站 | H ...
- html期末作品大作业——IT技术个人简历(1页)网页设计作业 学生网页作业
HTML5+CSS大作业--IT技术个人简历(1页) 常见网页设计作业题材有 个人. 美食. 公司. 学校. 旅游. 电商. 宠物. 电器. 茶叶. 家居. 酒店. 舞蹈. 动漫. 明星. 服装. 体 ...
最新文章
- 混合办公时代来了?携程试点每周两天居家办公,76%的员工主动报名!
- python自带库处理excel-【Python】处理Excel的库Xlwings
- python接口自动化4-绕过验证码登录(cookie)
- SQL Server 急救包(First Responder Kit)入门教程
- vga焊接线顺序_焊接工艺问答,不做焊接也要收藏起来
- MessagePack简介及使用:一种有效的二进制序列化格式
- Linux异步IO【转】
- 桌面超简单小代码 bat形式
- 咖说 | 隐私何在?区块链是隐私保护的安全阀门
- 2021年全国大学生网络安全邀请赛暨第七届“东华杯“上海市大学生网络安全大赛Writeup
- java开发微信公众号入门指引,jsp(java)开发微信公众平台入门
- 短进程优先的调度算法详解
- Git入门|Git的基本用法(一)
- php服务器能运行java吗_将PHP与Java服务器接口
- Java程序设计课程——实验2
- CPU内部结构及工作原理
- 如何配合RestTemplate优雅的记录请求以及返回的信息
- DataTables warning: table id=tableEquipment - Cannot reinitialise DataTable配上代码解决
- Spring核心容器
- 带来高效照片扫描体验 佳能Lide400扫描仪试用
热门文章