2020-6-23 英语学习的卡片和动画效果
本人热爱学习英语 所以做一些工具让自己学习英语
需要用到的技术有
- jqurey
- js
- html
- css3动画
当然本人会用到许多别人的工具 目前本人能力有限
每天进步一点
要求:- 卡片有英语单词和其解释
- 点击之后可以展开(解释)或者加入难题卡片组
- 卡片支持轮播和滑轮上下切换
- 点击之后可以展开(解释)或者加入难题卡片组
- 支持一个一个卡片的切换查看(可选加入例句)
- 数据存储在云端文件夹 解析后使用
- 多列布局
- 支持分组查看和标志学习进度百分比
后续:加列句卡片和智能动画提示 提供新建卡片的功能
晚上更新
本人发现想的做不如见得多 就算想实现功能没有参考的情况下 本人一个菜鸟也做不出 本人java做的很好 但是js接触较少 所以不可自大逛了逛jquery网站 看到很多模板 本人有了不少思路
现加一些功能补充 如下
- 英语卡片叠层效果 有白色边缘 少点的不整齐的叠放 多的露出一点边缘叠放
- 已经学会的卡片可以先去掉
- 卡片有三种类型(状态) 一类是解释+单词 一类只有单词(点击之后动画出解释) 第三种再点击出雷剧
- 点击之后可以展开(解释)或者加入难题卡片组
- 有今日学习统计 学了多少 学会多少 难点剩余多少 上次重复时间
- 卡片随机排序和打乱 以及类似于发牌效果
好了 这个的地址为参考