点击出现小弹窗并显示需要的内容

来源：互联网发布：易企秀编辑器 js 编辑：程序博客网时间：2024/05/16 01:29

<style type="text/css">.black_overlay{  display: none;  position: fixed;  top: 0%;  left: 0%;  width: 100%;  height: 100%; background-color: black;  z-index:1001;  -moz-opacity: 0.8;  opacity:.80;  filter: alpha(opacity=80);  }  .white_content {  display: none;  position: fixed;  top: 25%;  left: 25%;  width: 50%;  height: 50%;  padding: 16px; border: 6px solid orange;   background-color: white;  z-index:1002;  overflow: auto;}p{  text-indent:2em; padding:0px; margin:0px; }</style>

<a href="javascript:void(0)" onclick="show('<s:property value='num'/>')">

<div align="center"><div id="light" class="white_content"> <p id="result"></p><a href="javascript:void(0)" onclick="document.getElementById('light').style.display='none';document.getElementById('fade').style.display='none'">    <span style="color:red" >关闭</span></a>    </div> <div id="fade" class="black_overlay" > </div> </div>

function show(index){var data ={nation : index};$.post("/from/queryOnlineNationBoss.action",data,function(msg){$("p").html(msg);document.getElementById('light').style.display='block';document.getElementById('fade').style.display='block'; });}

阅读全文

0 0