使用JavaScript和CSS3搭建

主页地址

Main Page

主页介绍

  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栏介绍

  1. 第一屏
  • 使用了JavaScript中的node操作比如node的增删,大量使用节点

    查看图例

  1. 第二屏
  • 第二屏沿用第一屏node增删节点,使用BOM,定时器等等

    查看图例

  1. 第三屏 待写
  2. 第四屏 待写
  3. 第五屏 待写

仓库地址

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