帝国cms二级栏目{加载更多}方法代码

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5.   <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  6.   <meta name="renderer" content="webkit" />
  7.   <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" />
  8.   <meta name="apple-mobile-web-app-status-bar-style" content="black" />
  9.   <meta name="format-detection" content="telephone=no,email=no,adress=no" />
  10. <title><?php
  11. $cr=$empire->fetch1("select bname from sql_enewsclass where
  12. classid='".$GLOBALS[navclassid]."' limit 1");
  13. echo $cr['bname'];
  14. ?><?=$public_r['add_sql_name']?></title>
  15. <meta name="keywords" content="[!--pagekey--]" />
  16. <meta name="description" content="[!--pagedes--]" />
  17.   <meta http-equiv="Cache-Control" content="no-transform" />
  18.   <meta http-equiv="Cache-Control" content="no-siteapp" />
  19.   <meta name="applicable-device" content="mobile" />
  20.   <link rel="stylesheet" href="/skin/default/css/base.css" />
  21.   <link rel="stylesheet" href="/skin/default/css/game-list.css" />
  22.   <script src="/skin/default/js/jquery-1.7.2.min.js"></script>
  23.   <script src="/skin/default/js/loading.js"></script>
  24. </head>
  25. <body>

  26.   <header id="header">
  27.    
  28.    <nav class="topnav cf">
  29.     <div class="logo">
  30.      <a href="/"> <img src="/skin/default/picture/new-logo.png" alt="<?=$public_r['add_sql_name']?>" /> </a>
  31.     </div>
  32.     <span class="nav-message" :class="{on: isActive}" @click="isShow"></span>
  33.    </nav>
  34.   <div class="menu" style="display:none;">
  35.       <ul>
  36.             <li><a href="/">首页</a></li>

  37.       </ul>
  38.   </div>
  39.    <transition name="fade">
  40.     <div class="burger" v-show="showList" style="display: none;">
  41.      <div class="mgame-yx">
  42.       <div class="Head1">
  43.        <h2>热门栏目</h2>
  44.       </div>
  45.       <ul class="icon-btn2">

  46.       </ul>
  47.      </div>
  48.      <div class="mgame-yx">
  49.       <div class="Head1">
  50.        <h2>其他栏目</h2>
  51.       </div>
  52.       <ul class="icon-btn2">

  53.       </ul>
  54.      </div>
  55.      <div class="back">
  56.       <button @click="isShow">关闭菜单</button>
  57.      </div>
  58.     </div>
  59.    </transition>

  60.    <div class="return-top" v-show="returnShow">
  61.     <a href="/" class="index-page"></a>
  62.     <a href="javascript:void(0);" class="top" @click="backTop"></a>
  63.    </div>
  64.   </header>
  65.   
  66.   <main id="main">

  67.    <div id="gsy-screen-mark" :class="{'gsy-mark':item != 0}" @click="tapMask"></div>
  68.    
  69.   
  70.    <section>
  71.     <div class="list-wrapper">
  72.      <ul class="game-list on">
  73.     [!--empirenews.listtemp--]
  74.         <!--list.var1-->
  75.         [!--empirenews.listtemp--]
  76.        
  77.        
  78.      </ul>
  79.      <div class="pagination">
  80.          <a name="nolink" class="nolinkpage">加载更多</a>
  81.                
  82.      </div>
  83.     </div>
  84.    </section>
  85.   </main>
  86. [!--temp.footer--]
  87. <div style="display:none"></div>   
  88.   <script src="/skin/default/js/wx-prompt.js"></script>
  89.   <script src="/skin/default/js/vue.min.js"></script>
  90.   <script src="/skin/default/js/common.js"></script>
  91.   <script src="/skin/default/js/game-list.js"></script>  
  92.   <?php
  93. $cr=$empire->fetch1("select bclassid,sonclass,classid from sql_enewsclass where classid='".$GLOBALS[navclassid]."'");
  94. if( $cr['bclassid']==0){
  95. $classid1 = $cr['sonclass'];
  96. $classid2 = str_replace("|",",",$classid1);
  97. $classidss = ltrim(rtrim($classid2,","),",");
  98. }else{
  99. $classidss =$GLOBALS[navclassid];
  100. }
  101. ?>
  102. <script language="javascript" type="text/javascript">
  103. $(function(){
  104.     var pagenum = 1; //设置当前页数

  105.     $('.nolinkpage').on('click',function(){
  106.                 $.ajax({
  107.                         url : '/e/action/getmore.php',
  108.                         type:'post',
  109.                         data:{"classid":"<?=$classidss?>","next":pagenum,"table":"news","limit":5},
  110.                         dataType : 'html',
  111.                         beforeSend:function(){
  112.                                 $('.nolinkpage').text('加载中...');
  113.                         },
  114.                         success : function(data){
  115.                                 if(data!=''){
  116.                                         $(".game-list").append(data);
  117.                                         $('.nolinkpage').text('加载更多');
  118.                                         pagenum++;
  119.                                 }else{
  120.                                         $('.nolinkpage').text('加载完毕');
  121.                                         return false;
  122.                                 }
  123.                         }
  124.                 });
  125.     });
  126. });
  127. </script>
  128.   
  129. </body>
  130. </html>



  131. $url=$public_r['add_sql_url'];
  132.   $listtemp='
  133.         <li class="game-item"> <a href="[!--titleurl--]"> <img src="'.$url.'[!--titlepic--]" alt="[!--title--]" />
  134.   <div class="content">
  135.     <div class="game-name">
  136.       [!--title--]
  137.     </div>
  138.     <div class="type">
  139.       <span class="text">'.$class_r[$r[classid]]['classname'].'</span>
  140.       <span class="text border-left">[!--dx--]</span>
  141.     </div>
  142.     <div class="boon">
  143.       [!--smalltext--]
  144.     </div>
  145.   </div> </a> <a href="[!--titleurl--]" class="download">安装</a> </li> ';
复制代码






上一篇:帝国cms导航实现高亮,包括父栏目和子栏目对应选择颜色
下一篇:帝国cms灵动标签动态首页调用用户购买记录和下载消费记录三个方法
如无回复请发邮件