Picture Picture Picture Picture Picture Picture Picture

2020-6-23 英语学习的卡片和动画效果

本人热爱学习英语 所以做一些工具让自己学习英语
需要用到的技术有

  • jqurey
  • js
  • html
  • css3动画
    当然本人会用到许多别人的工具 目前本人能力有限

每天进步一点

要求:
  • 卡片有英语单词和其解释
  • 点击之后可以展开(解释)或者加入难题卡片组
  • 卡片支持轮播和滑轮上下切换
  • 点击之后可以展开(解释)或者加入难题卡片组
  • 支持一个一个卡片的切换查看(可选加入例句)
  • 数据存储在云端文件夹 解析后使用
  • 多列布局
  • 支持分组查看和标志学习进度百分比

后续:加列句卡片和智能动画提示 提供新建卡片的功能

晚上更新

本人发现想的做不如见得多 就算想实现功能没有参考的情况下 本人一个菜鸟也做不出 本人java做的很好 但是js接触较少 所以不可自大

逛了逛jquery网站 看到很多模板 本人有了不少思路
现加一些功能补充 如下

  • 英语卡片叠层效果 有白色边缘 少点的不整齐的叠放 多的露出一点边缘叠放
  • 已经学会的卡片可以先去掉
  • 卡片有三种类型(状态) 一类是解释+单词 一类只有单词(点击之后动画出解释) 第三种再点击出雷剧
  • 点击之后可以展开(解释)或者加入难题卡片组
  • 有今日学习统计 学了多少 学会多少 难点剩余多少 上次重复时间
  • 卡片随机排序和打乱 以及类似于发牌效果

好了 这个的地址为参考

posted @ 2020-06-23 14:53  云行雨步  阅读(260)  评论(1编辑  收藏  举报
Title - Artist
0:00