主页的搭建-building(JavaScript和CSS3)
使用JavaScript和CSS3搭建
主页地址
主页介绍
- 本页面使用
rem
布局+flex
布局 - 加入了昼夜模式,可自动切换(使用了JavaScript)
- 适配移动端,媒体查询
- 主页标题使用 CSS3中的动画,还有文字阴影搭配使用
- Tab栏,昼夜交替使用了
JavaScript排他思想
,设置自定义属性 - 主页加入【牛年灯笼特效】
- 加入鼠标样式,底部引入导航信息栏-仿
Rocketdock
- 优化昼夜模式,加入切换昼夜模式提示框,使用JavaScript中的定时器和缓动动画函数+CSS3动画
- pc端底部增加留言板,触碰后显示留言板,使用JavaScript中的缓动动画函数
- 去除页面灯笼效果,页面加入jQuery插件,页面去除原生Tab栏使用jQuery框架,加入切换小圆点
- 页面顶部加入打字机效果,优化时光轴部分细节
查看图例
Tab栏介绍
- 第一屏
- 使用了
JavaScript
中的node
操作比如node的增删,大量使用节点查看图例
- 第二屏
- 第二屏沿用第一屏node增删节点,使用BOM,定时器等等
查看图例
- 第三屏 待写
- 第四屏 待写
- 第五屏 待写
仓库地址
- 我的仓库地址:【Github】
- 使用时请标明出处谢谢
本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来自 Harry の 心 阁!
评论