大橙子网站建设,新征程启航
为企业提供网站建设、域名注册、服务器等服务
jQuery UI的弹出框可以通过dialog实现
公司主营业务:成都做网站、成都网站设计、移动网站开发等业务。帮助企业客户真正实现互联网宣传,提高企业的竞争能力。成都创新互联公司是一支青春激扬、勤奋敬业、活力青春激扬、勤奋敬业、活力澎湃、和谐高效的团队。公司秉承以“开放、自由、严谨、自律”为核心的企业文化,感谢他们对我们的高要求,感谢他们从不同领域给我们带来的挑战,让我们激情的团队有机会用头脑与智慧不断的给客户带来惊喜。成都创新互联公司推出阜南免费做网站回馈大家。
jQuery EasyUI的弹出框是这样的,
$.message.alert(p1,p2,p3,p4); //4个可选参数,分别是标题、内容、图标和当前窗口的回调函数,举个栗子:
$.message.alert('title','hello','info');
W.$.dialog({
content:'url:wswgrkbillController.do?snhid='+b+'bh='+c+'ck='+d+'sl='+e,(路径)
title : '弹出框',
width : 1200,
height : 500,
}).zindex();
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文件就可以运行,可以做弹出操作。
html
head
link href="" rel="stylesheet" type="text/css"/
script src=""/script
script src=""/script
script
$(document).ready(function() {
$("#dialog1").dialog({buttons:{"OK":function() {$("#dialog2").dialog();}}});
});
/script
/head
body style="font-size:62.5%;"
div id="dialog1" title="Dialog Title"I'm in a dialog/div
div id="dialog2" title="Dialog Title" style="display:none"I'm in another dialog/div
/body
/html
html代码如下:
input
type="button"
value="显示"
id="b1"/
jquery代码如下:
添加jquery引用。。。
script
type="text/javascript"
$(function(){
$("b1").click("弹出一个窗口页面")
});
/script
不知楼主说的窗口页面是否是这样的。