首页 新闻 赞助 找找看

求一个网页弹出框源码,能兼容火狐

0
悬赏园豆:10 [已解决问题] 解决于 2009-08-28 19:06

因为时间紧迫,急求一个求一个网页弹出框源码,能兼容火狐!

需求:比一般的alert弹出的对话框要好看些,要求至少有有“确定”,”确定“+”取消“两张消息提示!

 

 

djune的主页 djune | 初学一级 | 园豆:150
提问于:2009-08-23 12:56
< >
分享
最佳答案
0
收获园豆:5
侯垒 | 老鸟四级 |园豆:3435 | 2009-08-23 17:01
其他回答(2)
0

一般都是用div层显示的,平时隐藏在页面里,需要显示的时候出现,

收获园豆:2
zeus2 | 园豆:92 (初学一级) | 2009-08-23 13:28
0
Code
<!DOCTYPE html PUBLIC "-W3CDTD XHTML 1.0 TransitionalEN" "http:www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script type="text/javascript">
function sAlert(str){
var msgw,msgh,bordercolor;
msgw
=550;//Width
msgh=265;//Height
titleheight=25 //title Height;
bordercolor="#336699";//boder color
titlecolor="#99CCFF";//title color
var sWidth,sHeight;
sWidth
=document.body.offsetWidth;
sHeight
=screen.height;
var bgObj
=document.createElement("div");
bgObj.setAttribute(
'id','bgDiv');
bgObj.style.position
="absolute";
bgObj.style.top
="0";
bgObj.style.background
="#777";
bgObj.style.filter
="progid:DXImageTransform.Microsoft.Alpha(style=3,opacity=25,finishOpacity=75";
bgObj.style.opacity
="0.6";
bgObj.style.left
="0";
bgObj.style.width
=sWidth + "px";
bgObj.style.height
=sHeight + "px";
bgObj.style.zIndex
= "10000";
document.body.appendChild(bgObj);
var msgObj
=document.createElement("div")
msgObj.setAttribute(
"id","msgDiv");
msgObj.setAttribute(
"align","center");
msgObj.style.background
="white";
msgObj.style.border
="1px solid " + bordercolor;
msgObj.style.position
= "absolute";
msgObj.style.left
= "50%";
msgObj.style.top
= "50%";
msgObj.style.font
="12px/1.6em Verdana, Geneva, Arial, Helvetica, sans-serif";
msgObj.style.marginLeft
= "-225px" ;
msgObj.style.marginTop
= -75+document.documentElement.scrollTop+"px";
msgObj.style.width
= msgw + "px";
msgObj.style.height
=msgh + "px";
msgObj.style.textAlign
= "center";
msgObj.style.lineHeight
="25px";
msgObj.style.zIndex
= "10001";
var title
=document.createElement("h4");
title.setAttribute(
"id","msgTitle");
title.setAttribute(
"align","right");
title.style.margin
="0";
title.style.padding
="3px";
title.style.background
=bordercolor;
title.style.filter
="progid:DXImageTransform.Microsoft.Alpha(startX=20, startY=20, finishX=100, finishY=100,style=1,opacity=75,finishOpacity=100);";
title.style.opacity
="0.75";
title.style.border
="1px solid " + bordercolor;
title.style.height
="18px";
title.style.font
="12px Verdana, Geneva, Arial, Helvetica, sans-serif";
title.style.color
="white";
title.style.cursor
="pointer";
title.innerHTML
="关闭窗口";
title.onclick
=function(){
document.body.removeChild(bgObj);
document.getElementById(
"msgDiv").removeChild(title);
document.body.removeChild(msgObj);
}
document.body.appendChild(msgObj);
document.getElementById(
"msgDiv").appendChild(title);
var txt
=document.createElement("p");
txt.style.margin
="1em 0"
txt.setAttribute(
"id","msgTxt");
txt.innerHTML
=str;
document.getElementById(
"msgDiv").appendChild(txt);
}
</script>
</head>
<body>
<div onclick="sAlert('谁让你点我的!');">你点我试试!</div>
</body>
</html>
收获园豆:3
伽马科技.攻城师 | 园豆:1303 (小虾三级) | 2009-08-23 21:15
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册