十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
W.$.dialog({
随州ssl适用于网站、小程序/APP、API接口等需要进行数据传输应用场景,ssl证书未来市场广阔!成为创新互联建站的ssl证书销售渠道,可以享受市场价格4-6折优惠!如果有意向欢迎电话联系或者加微信:18982081108(备注:SSL证书合作)期待与您的合作!
content:'url:wswgrkbillController.do?snhid='+b+'bh='+c+'ck='+d+'sl='+e,(路径)
title : '弹出框',
width : 1200,
height : 500,
}).zindex();
1,点击事件绑定按钮2,显示小窗口3,AJAX提交字符串4,接收结果,隐藏小窗口
1、你肯定会有一个按钮点击事件Onclick()之类的,点击可以弹出dialog,还会有一个div加载需要dialog的需要的数据等。
2、$("#divId").dialog({
里面类似easyui的dialog;
})
3.点击事件在js添加一个$("#divId").dialog("open");
即可,希望可以帮助到你,望采纳!
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文件就可以运行,可以做弹出操作。
有很多方法实现的,比如使用alert这种比较丑的弹框,比如brbtn.click(function(){br window.alert('内容')brbr});br或者来是自己自定义的弹框,那源这样的话你至少得套三个div,比如brdiv-----这个绝对定位到整个页面,如position:absolute;top:0;left:0;right:0;bottom:0;br div-----这个在父级元素上面做绝百对定位,也就是弹框的位置br div/div----弹框内容br /divbrbr/divbr或者是jQuery UI本身所附度带的对话框知功能,那个百度就出来了,不过不建议用那个,感觉比较丑,还是自己写一个好看道br当然你也可以试着引入其他的UI框架,比如boot都有对话框的功能,不过建议自己写,用jQuery写也比较简单
html代码如下:
input
type="button"
value="显示"
id="b1"/
jquery代码如下:
添加jquery引用。。。
script
type="text/javascript"
$(function(){
$("b1").click("弹出一个窗口页面")
});
/script
不知楼主说的窗口页面是否是这样的。