分享

非常实用的弹窗特效代码

 龙南 2012-09-19
<SCRIPT LANGUAGE="JavaScript"> <!--代码开始//--> <!--
 function PopIt(label, msg)
{
//Set up Page Colors & Table ;
var s1 = "<TITLE>四人打麻将</TITLE>" + "<BODY BGCOLOR='ffffff'><TABLE BORDER=4><TR>" + "<TD WIDTH=90% HEIGHT=90 VALIGN=TOP ALIGN=LEFT>"+ "<FONT SIZE=2>" ;
var s2 = "<FONT COLOR='FF0000'><B>"+label+"</B></FONT><P>" ;
var s3 = "</TD><TD WIDTH=10%> <center><b><font size=5 color=ff0000> 适<br />当<br />娱<br />乐<br />益<br />于<br />健<br />康<br /><br />过<br />度<br />娱<br />乐<br />损<br />伤<br />身<br />体<br /><br />不<br />打<br />熬<br />夜<br />麻<br />将</b></font></TD></TR><TR><TD> <center>《关于麻将的名言警句》一文值得读一遍 通过打牌娱乐激活脑子又沟通朋友 快乐地度日 娱乐中最好不发生不愉快的事情 阿弥陀佛</center></TD>"+ "<TD VALIGN=TOP ALIGN=RIGHT>"+ "<FORM><INPUT TYPE='BUTTON' VALUE='关闭'" + "onClick='self.close()'>" + "</FORM></TD></TR></TABLE></BODY>";
popup = window.open("","popDialog","height=800,width=970,scrollbars=no") ;
popup.document.write(s1+s2+msg+s3) ;
popup.document.close();
 }
function popHelp()
{
PopIt('<iframe marginheight="0" marginwidth="0" frameborder="0" width="940" height="700" scrolling="yes" src="http://www.4399.com/flash/110975_1.htm" id="juxing06"></iframe>', '' + '');
 }
 -->
 </SCRIPT>
 <!--代码结束//-->
<FORM> <INPUT TYPE="BUTTON" VALUE="四人打麻将" onClick="popHelp()"> </FORM>
 
网页遮罩效果,可使整个网页变半透明,中间弹出一窗口
<style>
.bg{position:absolute;z-index:999;filter:alpha(opacity=50);background:#666;opacity: 0.5;-moz-opacity: 0.5;left:0;top:0;height:99%;width:100%;}
.beian_winBG {
MARGIN-TOP: -100px; LEFT: 50%; MARGIN-LEFT: -190px; WIDTH: 376px; POSITION: absolute; TOP: 50%; HEIGHT:200px;border:#666666 1px solid;z-index: 1000;
}
</style>
<div id="alert_win" style="display:none;">
<div id="mask" style="top:0;left:0;position: absolute;z-index:1000;" class="bg"></div>
<DIV class=beian_winBG id=beian_popup><!--弹出框-->
<div id="divOneStep" style="z-index:1002;width:100%;height:200px;background: #fff;position:absolute;">
<div style="width:100%;background:#f1f1f1;height:30px;light-height:30px;border-bottom:#666666 1px solid;text-align:right;"><a href="javascript:;" onClick="alert_win.style.display='none';">点此关闭</a> </div>
<div>文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容</div>
</div>
<div style="z-index:1001;position:absolute;"><iframe id="frmOneStep" width="100%" height="200" frameborder="0" scrolling="no" src="about:blank"></iframe></div>
</DIV>
</div>
<a href="javascript:;" onClick="alert_win.style.display='block';">显示</a>
<p>alksdfjsdkal;jsdakljfdsalk;jdlks;ajdfslka;jfdslka;jfdasf</p>
<p>alksdfjsdkal;jsdakljfdsalk;jdlks;ajdfslka;jfdslka;jfdasf</p>

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多