徐州酷优网络 徐州网站建设优选品牌!开启企业建站营销新时代  站长学院 Loading
热线:0516-83703228
您现在的位置:首页 > 站长学院 > 建站资讯 > 建站、设计教程 > 弹出层

js点击链接控制弹出div层

作者:eycms 日期:2016-02-16 17:39:29 人气:27

  

<html>

<head>

<title>Test</title>

<style>

  a {

  color:black;

  text-decoration: none;

  }

  #tanchu {  

  visibility: hidden;  

  position: absolute;  

  top: 25%;  

  left: 25%;  

  width: 50%;  

  height: 50%;  

  padding: 16px;  

  border: 10px solid #3071A9;  

  z-index:2;  

  overflow: auto;

  filter: alpha(opacity=70);

  -moz-opacity: 0.7;

  opacity: 0.7;

  }

  </style>

</head>

<body>

<a href="javascript:void(0)" onclick="document.getElementById('tanchu').style.visibility='hidden'">[隐藏]</a>

<a href="javascript:void(0)" onclick="document.getElementById('tanchu').style.visibility='visible'">

    [显示]</a></div>

<div id="tanchu">

这里是弹出层上的文字

</div>

</body>

</html></td>

 </tr>

</table>


热点文章

回到顶部