jquery弹,jquery弹出div窗口

jquery弹出层，过几秒就消失

首先加一个提示层并隐藏

div id="addBox" style="display:none;"保存成功/div

点击添加后显示，过一段时间后隐藏

$("$addBox").show();

setTimeout($("$addBox").hide(),3000)

相关问答

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

html代码如下：

input

type="button"

value="显示"

id="b1"/

jquery代码如下：

添加jquery引用。。。

script

type="text/javascript"

$(function(){

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

});

/script

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

Q2: jquery 如何弹出自定义对话框？

可以用jDialog插件实现，jDialog是一款基于jquery实现的轻量级多种类型的自定义对话框插件在项目开发中、一般会美化 alert()；

参考如下：

center

button id="test1"alert方式调用/button

br/br/

button id="test2"confirm方式调用/button

br/br/

button id="test3"iframe方式调用/button

br/br/

button id="test4"只显示内容对话框/button

br/br/

button id="test5"对话框配置按钮/button

br/br/

button id="test6"message方式调用/button

br/br/

button id="test7"tip方式调用/button

/center

以下是JS代码

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

var dialog = jDialog.alert(´欢迎使用jDialog组件´,{},{

showShadow: false,// 不显示对话框阴影

buttonAlign : ´center´,

events : {

show : function(evt){

var dlg = evt.data.dialog;

},

close : function(evt){

var dlg = evt.data.dialog;

},

enterKey : function(evt){

alert(´enter key pressed!´);

},

escKey : function(evt){

alert(´esc key pressed!´);

evt.data.dialog.close();

}

}

});

}) ;

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

var dialog = jDialog.confirm(´欢迎使用jDialog组件，我是confirm！´,{

handler : function(button,dialog) {

alert(´你点击了确定！´);

dialog.close();

}

},{

handler : function(button,dialog) {

alert(´你点击了取消！´);

dialog.close();

}

});

});

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

// 通过options参数，控制iframe对话框

var dialog = jDialog.iframe(;,{

title : ´

width : 1100,

height : 550

});

});

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

// 通过options参数，控制dialog

var dialog = jDialog.dialog({

title : ´自定义对话框´,

content : ´

});

});

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

// 通过options参数，控制dialog

var dialog = jDialog.dialog({

title : ´自定义对话框´,

content : ´;,

buttons : [

{

type : ´highlight´,

text : ´你好´,

handler:function(button,dialog)

{

dialog.close();

}

}

]

});

});

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

var dialog = jDialog.message(´´,{

autoClose : 3000, // 3s后自动关闭

padding : ´30px´, // 设置内部padding

modal: true // 非模态，即不显示遮罩层

});

});

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

var dialog = jDialog.tip(´´,{

target : $(´#test7´),

position : ´left-top´,

trianglePosFromStart :0,

autoClose : 1000,

offset : {

top :-20,

left:10,

right:0,

bottom:0

}

});

})

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

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

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

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

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

Q4: 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文件就可以运行，可以做弹出操作。

Q5: 如何使用jquery实现点击按钮弹出一个对话框

有很多方法实现的，比如使用alert这种比较丑的弹框，比如

btn.click(function(){

window.alert('内容')

})；

或者是自己自定义的弹框，那这样的话你至少得套三个div，比如

div-----这个绝对定位到整个页面，如position:absolute;top:0;left:0;right:0;bottom:0;

div-----这个在父级元素上面做绝对定位，也就是弹框的位置

div/div----弹框内容

/div

/div

或者是jQuery UI本身所附带的对话框功能，那个百度就出来了，不过不建议用那个，感觉比较丑，还是自己写一个好看

当然你也可以试着引入其他的UI框架，比如boot都有对话框的功能，不过建议自己写，用jQuery写也比较简单