Web前端大作业—个人网页(html+css+javascript)
2024-06-07 08:57:05
个人网页设计
个人网页(html+css+js)——带背景音乐
页面美观,样式丰富
可以根据自己需求进行修改
个人网页源码在这里https://download.csdn.net/download/weixin_61370021/85812970
游戏主题个人网页请点开这篇文章
https://w1174.blog.csdn.net/article/details/127325222?spm=1001.2014.3001.5502
第一屏 当页按部分轮播
- 第二屏 个人页面
- 第三屏 轮播相册
- 第四屏 天气查询
- 第五屏 微电影
- 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><!-- 头部 --><nav><ul><li class="local_home"><a href="#page1"><span class="local_hd">Home</span><span class="local_bd">主页</span></a></li><li class="local_home"><a href="#page2"><span class="local_hd">Preson</span><span class="local_bd">简介</span></a></li><li class="local_home"><a href="#page3"><span class="local_hd">Photo</span><span class="local_bd">照片集</span></a></li><li class="local_home"><a href="#page4"><span class="local_hd">Weather</span><span class="local_bd">天气查询</span></a></li><li class="local_home"><a href="#page5 "><span class="local_hd">Video</span><span class="local_bd">视频集</span></a></li></ul></nav><!-- 内容区域 --><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+javascript)相关推荐
- Web前端大作业—个人网页(html+css+javascript)我的家乡新密 (15页)含课程设计
家乡旅游景点网页作业制作 网页代码运用了DIV盒子的使用方法,如盒子的嵌套.浮动.margin.border.background等属性的使用,外部大盒子设定居中,内部左中右布局,下方横向浮动排列,大 ...
- Web前端大作业—咖啡网页(html+css+javascript)
- Web前端大作业、基于HTML+CSS+JavaScript响应式个人相册博客网站
- 【Web前端大作业】基于HTML+CSS+JavaScript制作西北大学新闻网站(7页)
- 个人设计web前端大作业~ 酒店网页设计(HTML5+CSS3+Bootstrap)
个人设计web前端大作业~ 酒店网页设计(HTML5+CSS3+Bootstrap)瑞豪国际酒店 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTML网页作业无从下手?网页要 ...
- web大作业 静态网页 HTML+CSS+JavaScript橙色的时尚服装购物商城
常见网页设计作业题材有 个人. 美食. 公司. 学校. 旅游. 电商. 宠物. 电器. 茶叶. 家居. 酒店. 舞蹈. 动漫. 服装. 体育. 化妆品. 物流. 环保. 书籍. 婚纱. 游戏. 节日. ...
- Web前端大作业—电影网页介绍8页(html+css+javascript) 带登录注册表单
HTML实例网页代码, 本实例适合于初学HTML的同学.该实例里面有设置了css的样式设置,有div的样式格局,这个实例比较全面,有助于同学的学习,本文将介绍如何通过从头开始设计个人网站并将其转换为代 ...
- 【Web前端大作业实例网页代码】html+css新闻资讯网页带dw模板和登陆注册(9页)
- 【Web前端大作业实例网页代码】html+css新闻资讯网页带dw模板和登陆注册(9页)...
✍️ 作者简介: 一个热爱把逻辑思维转变为代码的技术博主
最新文章
- vim 语法高亮显示
- Android .classpath文件的作用
- 到底什么时候该使用MQ 1
- python映射类型-python映射类型的相关介绍
- 抢救站位图片_抢救配合流程和站位,你真的规范了吗
- 特征值与特征向量_机器学习和线性代数 - 特征值和特征向量
- TreeView中右击直接获取节点的方法
- 等额本息excel模板下载_格格技能——巧用EXCEL函数,算清各种收益利率
- Linux系统管理(11)——linux下jdk的安装及环境变量配置
- ARM处理器是有益补充
- fgo服务器维护2018.123,FGO9月30日更新维护公告
- Android 仿微信全局字体大小调整
- AtCoder Beginner Contest 171 D Replacing 桶排序+及时更新数据
- 杭电一学生还没毕业年薪已过百万,带十几人的研发团队
- Python学习——Python海龟制图中的文字
- 金山云发布感知评价指标KPA 拨开遮挡高清视频技术的迷雾
- 05 Redis 持久化的设计和实现
- bootstrap多层modal的相关问题
- 2022年认证杯SPSSPRO杯数学建模B题唐宋诗的定量分析与比较研究程序
- 直插DC插头内部分解,哪个是正哪个是负
热门文章