欢迎来到酷云建站平台,全网营销云系统加盟中心!

海量企业网站模板 · 任您选择

美出特色,精出品质,一切为了企业更好的营销

隐藏侧栏
Beta
转载

js点击链接控制弹出div层

       弹出层     2016-02-16     eycms     52     0    

<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>


--结束END--

本文链接: http://www.83703228.cn/resources/popup/1134.html (转载时请注明来源链接)

 
本文标签: 全部

下班PC阅读不方便?

手机也可以随时学习开发

微信关注公众号“酷云”
"酷云平台前端开发教学"
每日干货技术分享
 

×

成为 酷云平台 代理商!

关注

微信
关注

微信扫一扫
获取最新优惠信息

酷云平台公众号

客服

联系
客服

很高兴为您服务
尊敬的用户,欢迎您咨询,我们为新用户准备了优惠好礼。 咨询客服

联系客服:

在线QQ: 3206174

客服电话: 0516-83703228

售前咨询 售后服务
在线交谈 智能小云

工作时间:

周一至周五: 09:00 - 17:00

WAP

手机
访问

移动端访问
手机上也能选模板

酷云平台手机端