弹出可移动的层,有多种弹出方式
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<script language='javascript' src='pop.
js'></script>
<TITLE>
JS弹出浮动层窗口_演示_www.codefans.net </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<BODY>
<Script Language="JavaScript">
function ShowIframe() //显示iframe
{
var pop=new
Popup({ contentType:1,isReloadOnClose:false,width:400,height:500});
pop.setContent("contentUrl","http://www.codefans.net");
pop.setContent("title","框架iframe示例");
pop.build();
pop.show();
}
function ShowHtmlString() //显示html
{
var strHtml = "<table border=1 style='width:90%; text-align:center;'><tr style='height:40px'><td>ds</td><td>dads</td></tr><tr style='height:40px'><td>dadas</td><td>dasd</td></tr><tr style='height:40px'><td>dadasd</td><td>dsadads</td></tr></table>";
var pop=new
Popup({ contentType:2,isReloadOnClose:false,width:340,height:300});
pop.setContent("contentHtml",strHtml);
pop.setContent("title","字符串示例html");
pop.build();
pop.show();
}
function ShowAlert() //显示警示对话框
{
var pop=new
Popup({ contentType:4,isReloadOnClose:true,width:340,height:80});
pop.setContent("title","源码爱好者警告框示例");
pop.setContent("alertCon","您好！欢迎来到源码爱好者！");
pop.build();
pop.show();
}
function ShowConfirm() //显示确认对话框
{
var pop=new
Popup({ contentType:3,isReloadOnClose:false,width:340,height:80});
pop.setContent("title","对话框示例confirm");
pop.setContent("confirmCon","您好！您要关闭源码爱好者吗？？");
pop.setContent("callBack",ShowCallBack);
pop.setContent("parameter",{id:"divCall",str:"点击确定后显示的字符串",obj:pop});
pop.build();
pop.show();
}
function ShowCallBack(para) //回调函数
{
var o_pop = para["obj"]
var obj = document.getElementById(para["id"]);
o_pop.close();
obj.innerText = para["str"];
}
</Script>
<INPUT TYPE="button" value="ShowHtmlString()" onclick="ShowHtmlString();">
<br>
<INPUT TYPE="button" value="ShowIframe()" onclick="ShowIframe();">
<br>
<INPUT TYPE="button" value="ShowAlert()" onclick="ShowAlert();">
<br>
<INPUT TYPE="button" value="ShowConfirm()" onclick="ShowConfirm();">
</BODY>
</HTML>
401
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
