制作自己的个人主页-H5

JavaScript

仓库简介
主页介绍
Tab栏介绍
仓库地址
制作目的

来源博客：【Harryの心阁】

仓库简介

此仓库用于JavaScript学习的实例化演示
边学边做【演示站点】

主页介绍

本页面使用rem布局+flex布局
加入了昼夜模式，可自动切换（使用了JavaScript）
适配移动端，媒体查询
主页标题使用 CSS3中的动画，还有文字阴影搭配使用
Tab栏,昼夜交替使用了JavaScript排他思想，设置自定义属性
主页加入【牛年灯笼特效】
加入鼠标样式，底部引入导航信息栏-仿Rocketdock
优化昼夜模式，加入切换昼夜模式提示框，使用JavaScript中的定时器和缓动动画函数+CSS3动画
pc端底部增加留言板，触碰后显示留言板，使用JavaScript中的缓动动画函数
去除页面灯笼样式，页面加入jQuery插件,页面去除原生Tab栏使用jQuery框架，加入切换小圆点
修复Tab切换后，昼夜按钮消失bug;页面加入svg动画jQuery;加入第五屏时间轴，纯css3;第二屏移动端，点击后技能板块移除

Tab栏介绍

第一屏

使用了JavaScript中的node操作比如node的增删，大量使用节点

第二屏

第二屏沿用第一屏node增删节点，使用BOM，定时器等等

第三屏待写
第四屏待写
第五屏时间轴，纯css3
第六屏

仓库地址

我的仓库地址：【Github】
使用时请标明出处谢谢

制作目的

更好的掌握学过的JavaScript内容
回顾CSS3的知识
对jQuery学习的巩固

制作自己的个人主页-H5相关推荐

中秋祝福网页制作_10大中秋H5模板分享，助力吸粉10000+
马上就到中秋节了,你的借势营销H5搞定了吗? 中秋节的基础借势元素离不开月亮.月饼.嫦娥.玉兔这些关键词,很多人在制作H5时,都会从中选取与品牌或产品挂钩的元素,然后顺势表达一下团圆或思乡的情感.这样 ...
使用现有模板制作一个简单的H5页面
https://blog.csdn.net/yql_617540298/article/details/107677993这里介绍了很多制作H5页面的平台,这次,我打算动手尝试一下,我选择了" ...
制作统一样式的H5视频播放器
前言之前,忙于考试未来及更新文章.本文适用于掌握JavaScript html css jQuery的基本内容的读者.不知大家有没注意原生的H5视频播放器用不同的浏览器打开所呈现的效果并不一样.而如 ...
h5课件制作_PPT轻松转化H5，让“课件”动起来！
iSpring作为快速课件工具,不仅可以制作e-leaning课件,更可以轻松实现当前比较流行H5格式的移动课件,它可以将幻灯片演示转换为HTML5动画,并保留原有的演示格式,包括动画.渐变.超链接. ...
意派epub360 html 代码,意派Epub360丨怎么制作在线知识答题H5？一起来学经验！
作为一种经久不衰的创意形式,答题类H5不仅操作简单,而且极易点燃用户的测试和分享情绪,非常适合学校.企业.新闻媒体等组织开展在线知识答题活动. 利用H5开展答题活动对于知识的推广和宣传有很大帮助,无论 ...
Html5版音乐游戏制作及分享（H5音乐游戏）
这里实现了Html5版的音乐游戏的核心玩法. 游戏的制作借鉴了,很多经典的音乐游戏玩法,通过简单的代码将音乐的节奏与操作相结合. 可以通过手机进行游戏,准确点击下落时的目标,进行得分. 点击试玩游戏 ...
android游戏开发引擎唤境制作单机俯角射击h5小游戏教程
1.新建项目首先下载唤境,打开唤境,点击欢迎页左上角的新建项目按钮. 在弹出的项目设置中,选择窗口尺寸为1920*1080.命名为"俯角射击". 点击确定,即可进入我们新建的项目 ...
制作简易的个人主页(代码笔记）
效果图如下: //project.html <!DOCTYPE html> <html> <head><meta charset="utf-8&qu ...
h5课件制作_Articulate storyline交互H5视频课件制作技巧
第一次接触articulate storyline是在2016年,为了写毕业论文,学习了这个软件.时隔四年,为了做课件,我又重新学习.目前能使用这个软件做1.视频交互课件2.小游戏3.模拟银行综合前端 ...

制作自己的个人主页-H5

JavaScript

仓库简介

主页介绍

Tab栏介绍

仓库地址

制作目的

制作自己的个人主页-H5相关推荐

最新文章

热门文章