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

jquery怎么实现弹出提示框

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

创新互联公司是一家专注于网站建设、做网站与策划设计,琼中黎族网站建设哪家好?创新互联公司做网站,专注于网站建设十多年,网设计领域的专业建站公司;建站业务涵盖:琼中黎族等地区。琼中黎族做网站价格咨询:13518219792

Alert 方式以及 Confirm 方式弹出

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

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

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

html代码如下：

input

type="button"

value="显示"

id="b1"/

jquery代码如下：

添加jquery引用。。。

script

type="text/javascript"

$(function(){

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

});

/script

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

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等

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

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

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

var today;

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

if (today !== 1){

today = 1;

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

}

});

});