https://github.com/zhchen7/jdm

流式布局
https://github.com/zhchen7/jdm

Last synced: 3 months ago
JSON representation

流式布局

• Host: GitHub
• URL: https://github.com/zhchen7/jdm
• Owner: ZhChen7
• Created: 2019-01-19T14:10:41.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2019-01-19T14:15:18.000Z (over 6 years ago)
• Last Synced: 2025-01-14T08:24:21.059Z (5 months ago)
• Language: JavaScript
• Homepage:
• Size: 975 KB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
***

## JdM--移动端

***

**布局方式**：流式布局（这里主要以百分比布局）---*页面放大缩小不受影响。*

**实现功能**：

 1. 菜单栏渐显效果。

 2. 轮播图（学习了touch触摸事件，其实和pc端轮播差不多）

 3. 倒计时（对时间的操作以及算法小技巧）

 4. 区域滚动效果---- iscroll.js的运用---sort.html--

 5. 收获-----能更快更熟练的进行页面布局，对h5,Css3更收获：能更快更熟练的进行页面布局，对h5,Css3更了解。

![在这里插入图片描述](https://images.gitee.com/uploads/images/2019/0119/220346_64a9e6df_2297434.png)

![在这里插入图片描述](https://images.gitee.com/uploads/images/2019/0119/220346_41fe13ab_2297434.png)

![在这里插入图片描述](https://images.gitee.com/uploads/images/2019/0119/220346_3f9ec115_2297434.png)

![在这里插入图片描述](https://images.gitee.com/uploads/images/2019/0119/220346_9b44c6a3_2297434.png)

![在这里插入图片描述](https://images.gitee.com/uploads/images/2019/0119/220346_c7f06e2c_2297434.png)