jquery弹出页面,jquery弹出页面并居中

jquery怎么让页面弹出窗口

html

headtitleSimple jsp page/title

style type="text/css"

!--

#div1 {

position:absolute;

left:338px;

top:91px;

width:446px;

height:294px;

z-index:1;

border:solid #7A7A7A 4px;

}

/style

script

src=""/script

script type="text/javascript"

$(function(){

$("#div1").hide(); //先让div隐藏

$("#span1").click(function(){

$("#div1").fadeIn("slow");//淡入淡出效果 显示div

});

$("#span2").click(function(){

$("#div1").fadeOut("slow");//淡入淡出效果 隐藏div

})

});

/script

/head

body

1个简单弹出div的小例子 页面不是很美观 效果达到了p/p/p/p/p/p/

span style="cursor:pointer" id="span1"点我弹出div/span

div id="div1"

div align="right" style="background-color:#CDCDCD;"span id="span2" style="cursor:pointer"关闭/span

/div

pp

form

username:input type="text"/p /

age:input type="text"/p /

input type="submit" value="submit"/br /

/form

/div

/body

/html

以上代码直接复制粘贴，html文件就可以运行，可以做弹出操作。

相关问答

Q1: jquery怎么弹出一个新窗口

比如:

$("#btn").click(function(){

window.open("要弹出的页面.html");

});

Q2: jquery如何弹出一个新页面？

$(function(){ $("a").click(function(){ $(".c").show();})})/script .f{width:400px; height:400px; border:solid 1px #333;} .f a{display:block; width:70px; height:25px; line-height:25px; background:#CCCCCC;} .c{width:100px; height:100px; border:solid 1px #333; background:blue; display:none;}div class="f" a按钮/a div class="c"/div/div代码写好了补充： 求采纳答案，谢谢。 追问： C是一个div、我是不是要弹出div的、我是想弹出一个页面的例如A.html是父页面、然后上面是一个列按钮、点击了任何一个按钮就弹出B.html页面。B.html用遮罩层的方式弹出。谢谢！ 回答： 那把div改成iframe就行了。 追问： 怎么做的？给iframe定义页面如何定义的？因为我在A.html打开B.html的时候A.html还要给B.html传参数的。所以不知道怎么去做的。 回答： iframe src="URL"…/iframe传参数只要在form的action制定页面就行了。 追问： 传参数只要在form的action制定页面就行了。这一句话不太理解、所以能给一个详细点的例子吗 ？ 回答： form action="某个页面" form这样要传的参数就会到某个页面了。 补充： 不采纳答案吗？ 追问： 还是没理解、每个按钮进行传递的参数都是动态、asp.net开发的。所以我不太明白用jquery的这个方法、遮罩层方式的打开子页面的方法。 回答： 那你得去学学表单这方面的知识了，就这么跟你讲也讲不清的。

Q3: 怎样用jquery做一个弹出的输入框？

1、新建并保存一个html文档，进入html代码编辑页面。

2、写一个input文本输入框，并定义ID，然后写一个按钮，并定义ID。

3、要做的效果就是点击按钮为输入框赋值，然后把输入框和按钮的css样式写好，不写样式也可以。

4、引入jquery文件，路径要正确，写jquery代码，打开浏览器测试一下，点击按钮之后，输入框内就会自动输入赋值的内容。

Q4: jquery实现多个按钮点击弹出不同页面

建议用一个div包住tab1，tab2，tab3，

function win(param) {

if (param === 'beibao') {

$('#tab1').show.siblings().hide();

} else if (param === 'cangku') {

$('#tab2').show.siblings().hide();

} else if (param === 'chongwu') {

$('#tab3').show.siblings().hide();

}

}

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

html代码如下：

input

type="button"

value="显示"

id="b1"/

jquery代码如下：

添加jquery引用。。。

script

type="text/javascript"

$(function(){

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

});

/script

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