设计弹出DIV

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="author" content="Chomo" />

<title>tb全屏屏蔽、自动居中的lightBox</title>
<style type="text/css">
* { margin:0; padding:0; }
html,body { height:100%; overflow:hidden; font:12px/1.5 simsun;}
.myPage { line-height:3; overflow:auto; width:100%; height:100%;}
.lightBox,
.popupCover,
.popupIframe,
.popupComponent { position:absolute; left:0; top:0; width:100%; height:100%;}
.popupComponent { z-index:2; display:none;}
.popupIframe { display:block; _display:block; _filter:alpha(opacity=0);}
.popupCover { background:#000; opacity:0.7; *filter:alpha(opacity=70);}
.lightBox { text-align:center; overflow:auto;}
.lightBoxContent { display:inline-block; *display:inline; zoom:1; width:500px; padding:10px;
background:#fff; border:5px solid #00b4ff; vertical-align:middle;}
.lightBoxMaxHeight { display:inline-block; vertical-align:middle; height:100%; *height:99.5%;
width:1px; overflow:hidden; margin-left:-1px;}
.lightBoxWrapper { display:inline-block; *display:inline; zoom:1; text-align:left;}
.lightBoxClose { color:#f00;}
.lightBoxSubmit { margin-top:10px; padding-top:5px; border-top:1px solid #ccc;}
.lightBoxSubmit input { font-size:12px; padding:0 10px; overflow:visible; margin:0 5px;}
</style>
</head>
<body>

        <div class="lightBoxWrapper">
  <span id="s1" style="display:none;">
        <b>单位基本信息修改</b></br>
        1、点选“申报管理”里的“单位基本信息修改”</br>
        2、录入需要修改的相关信息，点击“保存”</br>
        3、点选“提交管理”里的“待提交信息管理”</br>
        4、在“业务列表”的“单位基本信息修改”里会有一条信息，点选前面的方框打“√”，点击下方的“提交确认”
完成以上步骤后就等社保工作人员审批，可在“提交管理”的“已提交信息管理”里点击“查询”查看相关审核信息<br />
        </span>

  <span id="s2" style="display:none;">
       <b>职工基本信息修改</b></br>
1、点选“申报管理”里的“职工基本信息修改”</br>
2、点击“查询”，输入需要修改的职工身份证或姓名或个人编号，点击“查询”</br>
3、选中该人员点击右下角的“修改”</br>
4、录入需要修改的相关信息，点击“保存”</br>
5、点选“提交管理”里的“待提交信息管理”</br>
6、在“业务列表”的“职工基本信息修改”里会有一条信息，点选前面的方框打“√”, 点击下方的“提交确认”</br>
完成以上步骤后就等社保工作人员审批，可在“提交管理”的“已提交信息管理”里点击“查询”查看相关审核信息</br>
        </span>

<span id="s3" style="display:none;">
       <b>职工增加申报</b></br>
1、点选“申报管理”里的“职工增加申报”</br>
2、录入职工信息和工资，点击“保存”（带星号为必填项）</br>
3、点选“提交管理”里的“待提交信息管理”</br>
4、在“业务列表”的“职工增加”里会有一条信息，点选前面的方框打“√”, 点击下方的“提交确认”</br>
完成以上步骤后就等社保工作人员审批，可在“提交管理”的“已提交信息管理”里点击“查询”查看相关审核信息</br>
   </br><b>职工批量增加</b></br>
1、点选“申报管理”里的“职工批量增加”</br>
2、点击“格式盘”，下载文件名为“psnAdd.xls”保存在电脑上</br>
3、根据表格里的内容填写职工信息，并保存</br>
4、点击“浏览”，选中“psnAdd.xls”文件，点击“导入”</br>
5、点选“提交管理”里的“待提交信息管理”</br>
6、在“业务列表”的“职工增加”里会有一条信息，点选前面的方框打“√”, 点击下方的“提交确认”</br>
完成以上步骤后就等社保工作人员审批，可在“提交管理”的“已提交信息管理”里点击“查询”查看相关审核信息</br>
        </span>

  <span id="s4" style="display:none;">
      <b>职工减少申报</b><br />
1、点选“申报管理”里的“职工减少申报”<br />
2、输入需要减少的职工身份证或姓名或个人编号，点击“查询”，在点击“减少申报”<br />
3、点选“提交管理”里的“待提交信息管理”<br />
4、在“业务列表”的“职工减少”里会有一条信息，点选前面的方框打“√”, 点击下方的“提交确认”<br />
完成以上步骤后就等社保工作人员审批，可在“提交管理”的“已提交信息管理”里点击“查询”查看相关审核信息<br /><br />
<b>职工批量减少</b><br />
1、点选“申报管理”里的“职工批量减少”<br />
2、点击“格式盘”，下载文件名为“psnDel.xls”保存在电脑上<br />
3、根据表格里的内容填写职工信息，并保存<br />
4、点击“浏览”，选中“psnDel.xls”文件，点击“导入”<br />
5、点选“提交管理”里的“待提交信息管理”<br />
6、在“业务列表”的“职工减少”里会有一条信息，点选前面的方框打“√”, 点击下方的“提交确认”<br />
完成以上步骤后就等社保工作人员审批，可在“提交管理”的“已提交信息管理”里点击“查询”查看相关审核信息<br />
        </span>

  <span id="s5" style="display:none;">
     <b>职工缴费工资申报</b><br />
1、点选“申报管理”里的“职工缴费工资申报”<br />
2、输入身份证号码、姓名、个人编号或者直接点击“查询”<br />
3、在“申报工资（新工资）”栏里录入新工资，然后点击“保存”<br />
4、点选“提交管理”里的“待提交信息管理”<br />
5、在“业务列表”的“职工工资申报”里会有一条信息，点选前面的方框打“√”, 点击下方的“提交确认”<br />
完成以上步骤后就等社保工作人员审批，可在“提交管理”的“已提交信息管理”里点击“查询”查看相关审核信息<br /><br />
<b>职工批量缴费工资申报</b><br />
1、点选“申报管理”里的“职工批量缴费工资申报”<br />
2、点击“格式盘”，下载文件名为“gzsb_more.xls”保存在电脑上<br />
3、根据表格里的内容填写职工信息，并保存<br />
4、点击“浏览”，选中“gzsb_more.xls”文件，点击“导入”<br />
5、点选“提交管理”里的“待提交信息管理”<br />
6、在“业务列表”的“职工工资申报”里会有一条信息，点选前面的方框打“√”, 点击下方的“提交确认”<br />
完成以上步骤后就等社保工作人员审批，可在“提交管理”的“已提交信息管理”里点击“查询”查看相关审核信息<br />
        </span>

  <span id="s6" style="display:none;">
     <b>确定完成申报</b><br />
（在当月不变动或已办理完变动后在执行此操作）<br />
1、点选“提交管理”里的“缴费汇总申报表”<br />
2、点击“缴费汇总”更新当月数据<br />
3、点击“确定完成申报”<br />
        </span>

        </div>

        <div class="lightBoxSubmit">
           <input type="button" value="确定" onclick="hideLayer('lightBox')" />
           <input type="button" value="取消" onclick="hideLayer('lightBox')" />
        </div>
     </div>
   </div>
</div>

设计弹出DIV

设计弹出DIV

你可能感兴趣的:(设计弹出DIV)