亿联网自助建站系统 开启企业建站营销新时代、免费建站平台倡导者  站长学院  高端定制请点这里
热线:13913253836
您现在的位置:首页 > 站长学院 > 建站资讯 > 建站、设计教程 > 弹出层

javascript 原生态弹出层实现代码

作者:eycms 日期:2016/2/16 17:48:24 人气:38

  

<script type="text/javascript">// <![CDATA[ 

function show_pop(ist){ 

    var body = document.getElementsByTagName("body")[0]; 

    var div = document.createElement( "div" ); 

    div.id = "div_id"; 

    if(ist==1){ 

        div.innerHTML = ' 

  

<div style="position:absolute;z-index:1000; left:50%; top:50%; width:0px; height:0px;"> 

  

<div id="remainTime" style="width:500px; height:60px; background:#fff; margin-top:-80px; margin-left:-250px; padding:30px 0 50px; text-align:center; border-radius:5px; font-size:12px; line-height:24px;">已经登陆 点击直接<a onclick="closepop()" href="http://www.1XX.cn.net" target="_blank">主题</a> 

<a onclick="closepop()">点击关闭</a></div> 

  

</div> 

  

'; 

    }else{ 

        div.innerHTML = ' 

  

<div style="position:absolute;z-index:1000; left:50%; top:50%; width:0px; height:0px;"> 

  

<div id="remainTime" style="width:500px; height:60px; background:#fff; margin-top:-80px; margin-left:-250px; padding:30px 0 50px; text-align:center; border-radius:5px; font-size:12px; line-height:24px;">你还没有登陆,点击<a onclick="closepop()" href="http://www.baidu.com" target="_blank">登陆</a>,或者直接<a onclick="closepop()" href="http://www.1XX.cn.net" target="_blank">主题</a>去 

<a onclick="closepop()">点击关闭</a></div> 

  

</div> 

  

'; 

    } 

    body.appendChild(div); 

function closepop(){ 

    var div1 = document.getElementById('div_id'); 

    parent1 = div1.parentNode; 

    parent1.removeChild(div1); 

// ]]></script> 

<a onclick="show_pop(1)">ok</a></pre> 

  

<hr /> 

  

<pre><a onclick="show_pop(0)">no</a></td>

 </tr>

</table>


回到顶部