<div class="more">
{dede:pagelist listitem="next" listsize="1" runphp=yes}
@me = preg_replace('/<a\shref=([\'"]?).+?\1/', '$0 class="nextpage"', @me);
{/dede:pagelist}
 </div> 
   
<script src="{dede:global.cfg_templets_skin/}/js/jquery.js"></script>  
 <script src="{dede:global.cfg_templets_skin/}/js/jquery-ias.min.js?ver=2.2.2"></script>                          
 <script type="text/javascript">
var ias = $.ias({
    container: ".listbox", //包含所有文章的元素
    item: ".item", //文章元素
    pagination: ".more", //分页元素
    next: ".more a.nextpage", //下一页元素
});
ias.extension(new IASSpinnerExtension({
    src: "/img/load.gif", //此选项为加载时缓冲图片
    html: '<span>加载更多</span>'
}));
ias.extension(new IASTriggerExtension({
    text: '加载更多', //此选项为需要点击时的文字
    html: '<span>{text}</span>',
	
    offset:1, //设置此项，如 offset:2 页之后需要手动点击才能加载，offset:!1 则一直为无限加载
}));
ias.extension(new IASNoneLeftExtension({
    text: '加载完成！', // 加载完成时的提示
    html: '<span>{text}</span>',
}));

</script>   
      

        <ul class="new_list listbox">
          
            {dede:list pagesize='7' orderby='id'}
          <li><a href="[field:arcurl/]" class="item">
            <div class="pho"><img src="[field:litpic/]" alt=""></div>
            <div class="txt_box">
              <h3>[field:fulltitle/]</h3>
              <p>[field:description/]</p>
              <ul class="mark_list">
                <li><img src="[field:global.cfg_templets_skin/]/images/common/date_ico.png" alt="">[field:pubdate function="MyDate('Y-m-d',@me)"/]</li>
                <li><img src="[field:global.cfg_templets_skin/]/images/common/eye_ico01.png" alt="">[field:click/]</li>
              </ul>
            </div>
            </a></li>
            {/dede:list}
        </ul>

.new_list li span{
	
	display:  block;
	width: 136px;
	margin: 0 auto;
	color: #333;
	font-size: 14px;
	text-align: center;
	padding: 10px 0 10px;
	border: 2px solid #515151;
	margin-top:100px
	
}


.new_list li span:hover{
	color: #FFF;
	border-color: #FF5A00;
	background-color: #FF5A00;