瀑布流

<{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 {
   100%;
   height:auto;
}
#ContactContainer li {
    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{
     25px;
}
</style>
</style>
<div id="ContactContainer">

<li class="post">
单位：<{$item[loop].userPlace}> -> <{$item[loop].userDep}> <BR />
姓名：<{$item[loop].userName}>  分机：<{$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"}>