jquery弹出,jquery弹出自定义提示框

jquery怎么实现弹出提示框

JQuery的弹出提示框可以有两种方式

Alert 方式以及 Confirm 方式弹出

Alert方式的弹出提示框，只能有一种抉择，那就是确定，他这是一种不可选择的提示

Confirm方式，是带有选择功能的提示框，用户可以点击确定或者取消

[img]

相关问答

Q1: jquery如何点击按钮弹出一个窗口页面呢？

html代码如下：

input

type="button"

value="显示"

id="b1"/

jquery代码如下：

添加jquery引用。。。

script

type="text/javascript"

$(function(){

$("b1").click("弹出一个窗口页面")

});

/script

不知楼主说的窗口页面是否是这样的。

Q2: jquery 实现DIV的弹出

$(function(){

    // 点击按钮，DIV弹出隐藏

    $('#btn1').toggle(function(){

        $('#div1').show();

    },function(){

        $('#div1').hide();

    });

    

    // 点击按钮，DIV弹出，点击body任意地方隐藏div

    $('#btn2').click(function(){

        if ( event  event.stopPropagation ) { 

            // this code is for Mozilla and Opera 

    event.stopPropagation(); 

} 

else if (window.event) { 

            // this code is for IE 

    window.event.cancelBubble = true; 

}

        $('#div2').show();

    });

    $(document).click(function(){

        $('#div2').hide();

    });

});

以上都必须要基于，div的css是合理的。

其中 event.stopPropagation(); 和 window.event.cancelBubble = true; 是阻止事件冒泡的写法，建议自行百度学习。

css：（这里用了fixed，不考虑兼容性）

/* 水平垂直居中的div */

#div1,#div2{

    position: fixed;

    top: 50%;

    left: 50%;

    background:red;

    width:100px;

    height:100px;

    margin:-50px 0 0 -50px;

    display:none;

}

同样的功能有很多插件，例如fancybox，fancyzoom等

Q3: jquery中怎么让弹窗只弹出一次

最简单的方法，声明一个变量，将声明放在事件外即可（注意不能将声明放在事件内，因为触发事件，会导致重新声明，从而使值清空）。

jQuery(document).ready(function($){

var today;

$("button#registerformsubmit, input#applysubmit").mouseover(function(){

if (today !== 1){

today = 1;

alert("避免邮箱填错，请再次确认你的邮箱：" + email);

}

});

});