【问题标题】:How to create a popup window in html to unlock a website如何在 html 中创建一个弹出窗口来解锁网站
【发布时间】:2014-06-02 23:24:09
【问题描述】:

我正在为一个孩子创建一个网站(HTML 格式),我希望每次打开网站时都会显示一个弹出窗口。此窗口将包含用户需要回答才能继续的简单数学问题(针对一年级学生)。有任何想法吗?谢谢:)

【问题讨论】:

    标签: jquery html login popup


    【解决方案1】:

    您想使用像 colorbox 这样的 jquery 插件来创建弹出窗口:http://www.jacklmoore.com/colorbox/

    至于问题本身,如果您只是使用 jquery/html,我可能会在 json 对象中创建问题和答案数组:http://www.mkyong.com/jquery/jquery-loop-over-json-string-each-example/

    然后我会使用 javascript 在数组中获取一个随机数来选择要显示的问题。

    【讨论】:

      【解决方案2】:

      也许你可以做这样的事情。 DEMO

      这有点粗糙,但基本上它会根据array 检查用户的输入。如果答案的值与数组中的最后一项不同,则用户的答案是错误的。如果答案相同,则问题框会应用 class 隐藏 div。

      【讨论】:

        猜你喜欢
        • 2021-11-03
        • 2021-10-22
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2011-08-22
        • 1970-01-01
        • 2023-03-27
        相关资源
        最近更新 更多