网站建设资讯

NEWS

网站建设资讯

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

jquery怎么实现弹出提示框

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

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

Alert 方式以及 Confirm 方式弹出

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

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

[img]

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);

}

});

});


本文名称:jquery弹出,jquery弹出自定义提示框
文章源于:http://cdweb.net/article/dsopjjd.html