瀑布流

<{include file="../layout/head.html"}>
<{include file="../layout/menu.html"}>
<script type='text/javascript' src="plugins/tooltip/js/jtip.js" charset="utf-8"></script>
<link  href="plugins/tooltip/css/global.css" media="screen" rel="stylesheet" type="text/css" charset="utf-8"/>
<form id="keyword_search_form" name="keyword_search_form" method="post" action="<{$post_url}>">
    <input type="hidden" id="pageStart" name="pageStart"  value=""/>
    <input type="hidden" id="orderBy"  name="orderBy"  value="<{$orderBy}>"/>
    <input type="hidden" id="orderAsc"  name="orderAsc"  value="<{$orderAsc}>"/>
    <input type="hidden" id="dateStart" name="dateStart"  value="<{$dateStart}>"/>
    <input type="hidden" id="dateEnd" name="dateEnd"  value="<{$dateEnd}>"/>
    <input type="hidden" id="userMail"  name="userMail"  value="<{$userMail}>"/>
    <input type="hidden" id="userName"  name="userName"  value="<{$userName}>"/>
    <input type="hidden" id="userNum"  name="userNum"  value="<{$userNum}>"/>
    <input type="hidden" id="userDep"  name="userDep"  value="<{$userDep}>"/>
    <input type="hidden" id="userState"  name="userState"  value="<{$userState}>"/>
    <input type="hidden" id="userPlace"  name="userPlace"  value="<{$userPlace}>"/>   
</form>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
      <td align="center">
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
        <td class="form_hand list_head" style="background-color:#FDF7F0">网站运营部通讯录：</td>
    </tr>
</table>
<style type="text/css">
<style type="text/css">
#ContactContainer {
   width:100%;
   height:auto;
}                      
#ContactContainer li {
    width:50px;;
    float:left;
    margin:3px;
    padding:3px;
    list-style-type:none;
    border: 1px solid #cccccc;
    background-color:#f3ffe8;
    color:#006699;
    text-align:left;
}
#ContactContainer .title{
    color:#0066FF;
}
#ContactContainer .seatNo{
     width:25px;
}
</style>
</style>
<div id="ContactContainer">

<li class="post">
单位：<{$item[loop].userPlace}> -> <{$item[loop].userDep}> <BR />
姓名：<{$item[loop].userName}>&nbsp;&nbsp;分机：<{$item[loop].userTel}> <BR />
手机：<{$item[loop].userMobile}> <BR />
邮箱：<{$item[loop].userMail}>@51job.com
</li>
</div>

<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td height="18" align="right"><{$pagination}></td>
  </tr>     
</table>
<script type="text/javascript" src="http://www.jq-school.com/js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="http://www.jq-school.com/js/jquery.masonry.min.js"></script>
<script type="text/javascript">
$(function(){ 
   $('#ContactContainer').masonry({
    itemSelector : '.post',
    columnWidth : 70
  }); 
});
</script>
<{include file="../layout/bottom.html"}>