搜索
首页web前端js教程jquery制作弹窗提示窗口代码分享_jquery

复制代码 代码如下:



";
    if (sign!="")s+="";
    s+="
"+msg+"
";
    if (sign=="confirm"){
        s+="确 定取 消";
    }else{
        s+="确 定"
    }
    s+="
";
    $("body").append(s);
    $("#scs_alert").css("margin-top",-($("#scs_alert").height()/2)+"px"); //使其垂直居中
    $("#scs_alert").focus(); //获取焦点,以防回车后无法触发函数
    position(document.getElementById('mask_layer'),0,0);
    position(document.getElementById('scs_alert'),$(window).width()/2,$(window).height()/2);
    if (typeof can == "number"){
    //定时关闭提示
        setTimeout(function(){
            close_info();
        },can*1000);
    }
    function close_info(){
    //关闭提示窗口
        if(!c_){
        $("#mask_layer").fadeOut("fast",function(){
            $("#scs_alert").remove();
            $(this).remove();
        });
        c_=true;
        }
    }
    $("#alert_ok").click(function(){
        close_info();
        if(typeof(ok)=="function")ok();
    });
    $("#confirm_ok").click(function(){
        close_info();
        if(typeof(ok)=="function")ok();
    });
    $("#confirm_cancel").click(function(){
        close_info();
        if(typeof(can)=="function")can();
    });
    function modal_key(e){
        e = e||event;
        close_info();
        var code = e.which||event.keyCode;
        if (code == 13 || code == 32){if(typeof(ok)=="function")ok()}
        if (code == 27){if(typeof(can)=="function")can()}      
    }
    //绑定回车与ESC键
    if (document.attachEvent)
        document.attachEvent("onkeydown", modal_key);
    else
        document.addEventListener("keydown", modal_key, true);
}
//====================================以下为测试函数=======================================//
function test1(){
    scscms_alert("默认提示信息");
}
function test2(){
    scscms_alert("成功提示信息","ok");
}
function test3(){
    scscms_alert("成功提示后回调函数","ok",function(){alert("回调成功!")});
}
function test4(){
    scscms_alert("失败提示信息","error");
}
function test5(){
    scscms_alert("失败提示信息","error",function(){alert("哦!no!")});
}
function test6(){
    scscms_alert("警告提示信息","warn");
}
function test7(){
    scscms_alert("警告提示信息","warn",function(){alert("哦!警告!")});
}
function test8(){
    scscms_alert("您喜欢此信息提示吗?","confirm",function(){
        scscms_alert("您选择了喜欢,谢谢!","ok");
    },function(){
        scscms_alert("您选择了不喜欢,汗!","error");
    });
}
function test9(){
    scscms_alert("本信息3秒后自动关闭","ok","",3);
}
function test10(){
    scscms_alert("询问信息定时关闭提示信息,3秒后自动关闭,无取消时回调函数.不推荐使用。","confirm",function(){alert("确定回调用!")},3);
}

声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
win10日历事件没有弹窗提醒怎么办? win10日历事件提醒没了的恢复方法win10日历事件没有弹窗提醒怎么办? win10日历事件提醒没了的恢复方法Jun 09, 2024 pm 02:52 PM

日历可以帮助用户们记录下你的行程,甚至还可以设置提醒,但是也有不少的用户们在询问win10日历事件提醒不弹出怎么办?用户们可以先检查一下windows更新情况或者是清除windows应用商店缓存来进行操作就可以了。下面就让本站来为用户们来仔细的介绍一下win10日历事件提醒不弹出问题解析吧。添加日历事件在系统菜单中点击“日历”程序。鼠标左键点击日历中的日期。在编辑窗口输入事件名称和提醒时间,点击“保存”按钮即可添加事件了。win10日历事件提醒不弹出问题解决

如何使用Vue实现弹出窗口特效如何使用Vue实现弹出窗口特效Sep 22, 2023 am 09:40 AM

如何使用Vue实现弹出窗口特效,需要具体代码示例近年来,随着Web应用的发展,弹出窗口特效已经成为广大开发者常用的交互方式之一。Vue作为一款流行的JavaScript框架,提供了丰富的功能和易用性,非常适合用来实现弹出窗口特效。本文将介绍如何使用Vue实现弹出窗口特效,并提供具体代码示例。首先,我们需要使用Vue的CLI工具来创建一个新的Vue项目。打开终

如何解决无法关闭的Win11弹窗问题如何解决无法关闭的Win11弹窗问题Dec 22, 2023 pm 05:13 PM

相信在电脑使用过程中,我们都被无意中跳出的弹窗所困扰,尤其是更新系统后,甚至遇到了win11弹窗无法关闭的问题,这时候我们只能在任务管理器里关闭它。win11弹窗无法关闭解决方法:1、首先按下键盘“Win+R”组合键打开运行。2、接着输入“msconfig”回车运行。3、然后进入“启动”,点击“打开任务管理器”4、随后在启动选项下选中弹窗的应用程序。5、最后点击右下角的“禁用”就可以了。

360浏览器弹窗怎么开启360浏览器弹窗怎么开启Mar 28, 2024 pm 09:31 PM

弹窗在360浏览器中是可以自己开启使用到,有些用户并不清楚360浏览器弹窗怎么开启,只要在高级设置中取消勾选不允许任何网站显示弹出式窗口即可,这篇弹窗开启设置方法的介绍就能够告诉大家具体的操作方法,下面就是详细的介绍,赶紧看看吧。360浏览器弹窗怎么开启答:在高级设置中取消勾选不允许任何网站显示弹出式窗口即可详情介绍:1、打开360浏览器,点击右上的【设置】图标。2、选择其中的【选项】。3、点击左侧列表的【高级设置】。4、取消勾选【不允许任何网站显示弹出式窗口】即可。

为什么win11用户一直收到账号控制弹窗?为什么win11用户一直收到账号控制弹窗?Jan 08, 2024 am 11:30 AM

有时候我们在打开软件、程序的时候,会发现win11用户账号控制一直弹,但是不知道为什么,其实这是系统保护的一种方式,避免我们被不良软件所入侵。win11用户账号控制为什么一直弹:答:因为开启了win11用户账号控制,开启后,系统为了保护电脑安全,防止被不良软件入侵就会一直弹出提醒你。win11用户账号控制一直弹解决方法1、如果我们感觉一直弹特别麻烦,想要关闭。2、那么可以点开底部的“开始菜单”3、接着在其中搜索并打开“更改用户账户控制设置”4、最后将左边滑块移动到“从不通知”并“确定”保存即可解

win11总出现弹窗怎么办? Win11打开一个软件就会有弹窗的解决办法win11总出现弹窗怎么办? Win11打开一个软件就会有弹窗的解决办法Mar 01, 2024 am 08:43 AM

在使用Win11系统时,有时候打开某个软件会出现弹窗,这会影响用户的使用体验。本文将介绍如何解决Win11打开一个软件就会有弹窗的问题,帮助用户解决这一问题。方法一:1、按【Win+S】组合键,或点击任务栏上开始图标旁边的【搜索图标】,在打开的Windows搜索中,搜索框输入【控制面板】,然后点击打开系统给出的最佳匹配【控制面板应用】;2、所有控制面板项窗口,切换到【大图标】查看方式,然后找到并点击调整计算机的设置下的【安全和维护】;3、安全和维护窗口,左侧点击【更改用户账户控制设置】;4、用户

win10系统去除弹窗广告的操作步骤win10系统去除弹窗广告的操作步骤Mar 27, 2024 pm 06:36 PM

1、鼠标打开360安全卫士,点击右下角更多,如图所示:2、在界面中找到弹窗拦截或者也可以在搜索框中输入弹窗拦截,点击打开即可,如图所示:3、在界面中,点击强力拦截,接着在提示窗口中,点击开启即可,如图所示:

HTML、CSS和jQuery:制作一个带有通知弹窗的界面HTML、CSS和jQuery:制作一个带有通知弹窗的界面Oct 26, 2023 pm 12:34 PM

HTML、CSS和jQuery:制作一个带有通知弹窗的界面引言:在现代的网页设计中,通知弹窗是一种非常常见的元素。它可以用来向用户展示重要的信息或者提示用户进行一些操作。本文将介绍如何使用HTML、CSS和jQuery制作一个带有通知弹窗的界面,并附上具体的代码示例。一、HTML结构首先,我们需要使用HTML来构建页面的基本结构。以下是通知弹窗所需要的HTM

See all articles

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

AI Hentai Generator

AI Hentai Generator

免费生成ai无尽的。

热门文章

R.E.P.O.能量晶体解释及其做什么(黄色晶体)
3 周前By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.最佳图形设置
3 周前By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.如果您听不到任何人,如何修复音频
3 周前By尊渡假赌尊渡假赌尊渡假赌

热工具

SublimeText3 Mac版

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

适用于 Eclipse 的 SAP NetWeaver 服务器适配器

适用于 Eclipse 的 SAP NetWeaver 服务器适配器

将Eclipse与SAP NetWeaver应用服务器集成。

MinGW - 适用于 Windows 的极简 GNU

MinGW - 适用于 Windows 的极简 GNU

这个项目正在迁移到osdn.net/projects/mingw的过程中,你可以继续在那里关注我们。MinGW:GNU编译器集合(GCC)的本地Windows移植版本,可自由分发的导入库和用于构建本地Windows应用程序的头文件;包括对MSVC运行时的扩展,以支持C99功能。MinGW的所有软件都可以在64位Windows平台上运行。

Dreamweaver CS6

Dreamweaver CS6

视觉化网页开发工具

WebStorm Mac版

WebStorm Mac版

好用的JavaScript开发工具