zoukankan      html  css  js  c++  java
  • 考研答题小程序

    答题小程序关于上一题下一题交互的思考

    ~

    在我很多的答题小程序中,并未重视答题上一题的功能,当然swiper自带的除外,

    直到今天的某一个答题活动,一定要安排上一题,因为上一题,下一题的,交互跟当前的实时展示答案是互相矛盾的

    所以以下二个场景,只能二选一

    1、上一题,下一题

    2、答题过程实时显示答案,其实很多答题活动,都会要求在答题的过程中显示答案的,这在答题过程中,便起到练习的效果,其实是由存在的必要性的。

    那么如果选场景1,具体上一题,下一题怎么安排呢

    请看下图

     

     

    ~

     

     

    ~

     

     

    ~

     

     

    ~

     

     

    ~

    最后一张图并非是答题小程序的,但是这里三个按钮的样式是我借鉴的

     

    ~

    在上面几个截图里面,分别是

    第一题

    中间题

    最后一题

    三个不同场景的上一题,下一题交互

    特别需要注意的是对临界的处理,细节往往是答题小程序大放光彩的地方。

    欢迎大家扫码体验

    ~

  • 相关阅读:
    正则表达式(二)
    HTTP状态码
    ajax(局部刷新技术)
    day03<JS对象&函数>
    day02<CSS&JavaScript>
    day01<HTML等>
    总结:HTML表单的应用
    总结:HTML的框架结构
    九、浮动与定位
    八、CSS高级技巧
  • 原文地址:https://www.cnblogs.com/MyFlora/p/15045670.html
Copyright © 2011-2022 走看看