js仿iPhone手机端alert,loading,正在加载...

最新推荐文章于 2021-08-26 23:02:02 发布

原创最新推荐文章于 2021-08-26 23:02:02 发布 · 4.6k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#iphone #手机 #javascript

web前端学习专栏收录该内容

301 篇文章

订阅专栏

本文分享了一种使用JavaScript来模仿iPhone手机端的alert对话框、loading和正在加载效果的方法。提供了相关资源的下载链接，可以在项目中实现更贴近iOS用户体验的交互效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

这里写图片描述

下载：http://download.youkuaiyun.com/detail/cometwo/9576760

<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
        <title>test</title>
        <script src="../jquery-1.12.3.min.js"></script>
        <script src="jq_mydialog.js"></script>
        <link href="my_dialog.css" type="text/css" rel="stylesheet" />
        <script type="text/javascript">
            $(function() {
                $("#show").click(function() {
                    $.myalert({
                        content: $("input").val(),
                        confirm_btn_click: function(e) { //确认按钮点击事件
                            $.myalert("getDialog").mydialog("hide");
                        }
                    });
                });
            });
        </script>
    </head>
    <body>
        <input type="text" value="确定要删除吗？！" />
        <button id="show">打开</button>
    </body>

</html>