用Div仿showModalDialog模式菜单的效果窗口特效__脚本特效_后台技术窗口、对话框飞飞Asp技术乐园

用Div仿showModalDialog模式菜单的效果

时间： 2008-03-18 10:10:09　阅读次数：3403

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>用Div仿showModalDialog模式菜单的效果</TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<STYLE TYPE="text/css" >
body {
	background:#eaeaea;
	font-size:12px;
	margin:0;
	padding:0;
}
img {
	border:0;
}
.b {
	font-weight:bold;
	color:white;
}
.modalDiv {
	width:311px;
	height:274px;
	background-color:#999966;
}
.modalheader {
	margin:2px;
	padding:2px;
}
.header {
	margin:0;
	padding:0;
}
.mleft {
	width:280px;
	float:left;
}
.mright {
	float:right;
}
.modalbody {
	margin:10px;
	padding:2px;
	color:blue;
}
</STYLE>
</HEAD>
<BODY>
<input type="button" name="btnshow" id="btnshow" value="显示隐藏Modal" onClick="ShowModal('buy');" />
<div id="buySelName" class="modalDiv" style="position:absolute;left:300px; top:140px;z-index:2;display:none;"> </div>

<div id="objText" style="display:none;">
  <div class="modalheader">
    <div class="header">
      <div class="mleft">
        <div class="boxheader-text"><span class="b">显示窗体</span></div>
      </div>
      <div class="btnright"><br /><a href="javascript:ShowModal('buy');">关闭</a></div>
    </div>
  </div>
  <div class="modalbody"> 希望能大家多多交流! </div>
</div>
<SCRIPT LANGUAGE="JavaScript">

</SCRIPT>
</BODY>
</HTML>

提示：您可以先修改部分代码再运行