Skip to content

ryanuo/javascript

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

15 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

仓库简介

  1. 此仓库用于JavaScript学习的实例化演示
  2. 边学边做
  3. jQuery学习

主页介绍

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

Tab栏介绍

  1. 第一屏
  • 使用了JavaScript中的node操作比如node的增删,大量使用节点
  1. 第二屏
  • 第二屏沿用第一屏node增删节点,使用BOM,定时器等等
  1. 第三屏 待写
  2. 第四屏 待写
  3. 第五屏 时间轴,纯css3
  4. 第六屏

仓库地址

  1. 我的仓库地址:【Github
  2. 使用时请标明出处谢谢

学习目的

  1. 更好的掌握学过的JavaScript内容
  2. 回顾CSS3的知识

About

JavaScript学习的实例化演示,个人主页

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published