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

<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)" οnclick="show('<s:property value='num'/>')">

<div align="center">
	<div id="light" class="white_content"> 
		<p id="result"></p>
		<a href="javascript:void(0)" οnclick="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'; 
		});
}