<!--留言开始-->
        <div class="gbook_03"><h1>在线留言</h1></div>
        <form name="gbookfrm" id="gbookfrm" method="post">
        <div class="gbook_01">       
        <dl>
        <dt>姓名：</dt>
        <dd><input type="text" name="xingming" id="xingming" /></dd>
        </dl>
        <dl>
        <dt>电话：</dt>
        <dd><input type="text" name="tel" id="tel" /></dd>
        </dl>
        <dl>
        <dt>QQ：</dt>
        <dd><input type="text" name="qq" id="qq" /></dd>
        </dl>
        <dl>
        <dt>邮箱：</dt>
        <dd><input type="text" name="email" id="email" /></dd>
        </dl>
        <dl>
        <dt>留言：</dt>
        <dd><textarea name="content" id="content"></textarea></dd>
        </dl>
        <?php if($config['gbookcheckcode']==0){?>
        <dl>
        <dt>验证码：</dt>
        <dd>
        <input type="text" name="checkcode" id="checkcode" style="width: 326px;" />
        <img src='../inc/checkcode.php' align="absmiddle" onClick="this.src='../inc/checkcode.php?'+Math.random();">
        </dd>
        </dl>
        <?php }?>             
        </div>
        <div class="gbook_02">
        <input type="button" id="subgbook" value="提交留言" onclick="javascript:if(checkgbookfrm()){document.gbookfrm.action='?action=add';document.gbookfrm.submit();}" />
        </div>
        </form>
        
        <div class="gbook_03 gbook_07"><h1>访客留言</h1></div>
        <div class="gbook_04">
        <ul>
<?php
if($listresult->num_rows>0){
while($list = $listresult->fetch_assoc()) {
?>
        <li>
        <div class="gbook_05">
        <span><i class="remixicon-time-line"></i> <?php echo date('Y-m-d',$list["addtime"])?></span>
        <i class="remixicon-user-line"></i> <strong><?php echo $list["xingming"]?></strong>
        </div>
        <p><?php echo $list["content"]?></p>
        <?php if($list["reply"]!=''){?>
        <div class="gbook_06">
        <strong>管理员回复：</strong><?php echo $list["reply"]?>
        </div>
        <?php }?>
        </li>
<?php
}
}
?> 
        </ul>
        </div>
        
      <!--分页开始-->  
<div class="list-page">
<a href='javascript:void(0);'>共<?php echo $all_num?>条</a>
<a href='javascript:void(0);'>共<?php echo $page_all_num?>页</a>
<a href='javascript:void(0);'><?php echo $page_num?>条/页</a>
<a href='?'>首页 </a>
<a href='?page=<?php echo $ps?>'>上一页 </a>
<a href='?page=<?php echo $px?>'>下一页 </a>
<a href='?page=<?php echo $page_all_num?>'>尾页 </a>
<select name="ToPage" id="ToPage" onChange="GoToPage();">
  <?php
  for($topagei=1;$topagei<=$page_all_num;$topagei++){
  ?>
  <option value="<?php echo $topagei?>"<?php if($page==$topagei){?> selected="selected"<?php }?>>第<?php echo $topagei?>页</option>
  <?php }?>
</select>
<script language="javascript">
//跳转页
function GoToPage(){
var getpage
getpage=document.getElementById("ToPage").value
location='?page='+getpage
}
</script>
</div>
<!--分页结束-->
<script type="text/javascript">
function checkgbookfrm() {
if(document.gbookfrm.xingming.value == "") {
alert('请输入姓名！');
    document.gbookfrm.xingming.focus();
    return false;
}
if(document.gbookfrm.content.value == "") {
alert('请输入留言！');
    document.gbookfrm.content.focus();
    return false;
}
<?php if($config['gbookcheckcode']==0){?> 
if(document.gbookfrm.checkcode.value == "") {
alert('请输入验证码！');
    document.gbookfrm.checkcode.focus();
    return false;
}
<?php }?>
return true;
}
</script>
<!--留言结束-->

css样式：
/*留言样式定义开始*/
.gbook_01{padding: 30px 0px 10px 20px;}
.gbook_01 dl{margin-bottom: 15px;}
.gbook_01 dl dt{width:100px;float: left;text-align: right;font-size: 16px;color: #5A5D5A;}
.gbook_01 dl dd input,textarea{border: 1px solid #DDD;width: 400px;padding-left: 10px;font-family: "微软雅黑";font-size: 16px;color: #5A5D5A;}
.gbook_01 dl dd input,textarea:focus{outline: none;}
.gbook_01 dl dd input{height: 30px;}
.gbook_01 dl dd textarea{height: 100px;padding-top: 10px;}
.gbook_02{padding-left: 120px;}
.gbook_02 input{border: none;background: #f60;color: #fff;padding: 10px 30px;font-size: 18px;font-family: "微软雅黑";cursor: pointer;}
.gbook_02 input:hover{background: #DE5D05;}
.gbook_02 input:focus{outline: none;}
.gbook_03{border-bottom: 1px solid #D9D9D9;height:40px;line-height: 40px;font-size: 16px;color: #FFF;}
.gbook_03 h1{width:120px;background:#257FEB;text-align:center;font-size: 18px;font-weight:100;color: #fff;}
.gbook_04 li{border-bottom: 1px solid #eee;padding: 10px 5px;font-family: "微软雅黑";font-size: 14px;color: #5A5D5A;}
.gbook_04 p{line-height: 24px;}
.gbook_05{height: 30px;}
.gbook_05 span{float: right;}
.gbook_05 strong{color: #3366FF;}
.gbook_06{line-height: 24px;margin-top: 8px;}
.gbook_06 strong{color: #f60;}
.gbook_07{margin-top: 40px;}
/*留言样式定义结束*/