滚动加载更多

来源:互联网 发布:金融it行业发展前景 编辑:程序博客网 时间:2024/05/26 17:48

<?php

include("./data/publicedata.php");

//include("./data/list_data.php");

include("./config/function.php");

$listarr = "";

$mem     = new Memcache;

$mem->connect('127.0.0.1',11211);

$listarr = unserialize($mem->get('projectAllID'));

 

$total_pages = ceil(count($listarr)/5);

 

?>

<!DOCTYPE HTML>

<html>

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />

<title>28商机网找项目</title>

<link rel="stylesheet" href="./public/style/home.css" type="text/css" />

<link rel="stylesheet" href="./public/style/list.css" type="text/css" />

 

<script src="./public/js/swiper.js" type="text/javascript"></script>

<script type="text/javascript" src="./public/js/jquery-1.4.2.min.js"></script>

<script src="./public/js/c.js" type="text/javascript"></script>

 

<!-- 全部显示 start -->

<script type="text/javascript">  

    $(document).ready(function() { 

        $("img.lazy").lazyload();

            $("#subNavBox1").click(function(){

               $("#zhulong_wangzhanx").toggle();

               $("#zhulong_wangzhanx2").hide();

              });

            $("#subNavBox2").click(function(){

               $("#zhulong_wangzhanx2").toggle();

               $("#zhulong_wangzhanx").hide();

              });

 

        var track_click = 2;

        document.addEventListener('touchend', function(){

         

          if ($(document).scrollTop() > $(document).height()-$(window).height()-$('.footer').height()-$(document).height()*track_click*20/100){

            var total_pages = <?php echo $total_pages; ?>;

            $("#moreCategory3").show();

            if (track_click <= total_pages) {

              

                $.post('./lib/cat_ajax.php',{'page':track_click,'act':'action'}, function(data) { 

                   $("#moreCategory3").hide();

                   $("#content_list").append(data);

                   //alert(track_click);

                   track_click++;

 

                });

 

 

            }

           

          }else{

          $("#moreCategory3").hide();

        }

 

      },false);

             

    });

   /* var totalheight = 0;

    var mh          = 0;

    var flag        = false;

function loadData(){

    totalheight = parseInt($(window).height()) + parseInt($(window).scrollTop());

    mh = parseInt($(document).height());

        //console.log(totalheight+'--'+mh);

    if (mh >= totalheight){

        //加载数据

        //$("#container").append("cccc<br/>");

       

          if(!flag){

            setTimeout(function(){

                alert("cc");

                flag = true;

            },300);

          }

          

           // console.log('cc');

    }else{

           // console.log('bb');

       alert("bb");

    }

}*/

 

</script> 

<!-- 全部显示 end -->

</head>

<body>

<header class="header">

  <div class="topBar3 clr">

    <span class="s_width"><a href="./index.php" style="color:#fbf8f8;">< 找项目</a></span>

<div style="width:19%; display: inline-block; text-align:right; padding-right:3.125%;width:20%;">

  <!-- 空格内是放大镜  -->

<b class="subNavBox0" id="subNavBox2"></b>

  <!-- 空格内是放大镜  -->

  <!-- 空格内是列表  -->

    <em class="subNavBox0" id="subNavBox1"></em>

  <!-- 空格内是列表  -->

  </div>

</header>

<!--导航条 start-->

<div class="top_menu">

<div class="top_menu_list">

        <a class="btn cur" href="#">全部</a>

        <?php foreach ($cateArr as $key=>$value) { ?>

        <a class="btn" href="<?php echo 'sub_'.$key.'_'.$c.'_'.$b.'_0_0.html';?>"><?php echo $value;?></a>

        <?php }?>

    </div>

</div>

<!--导航条 end-->

<!--内容   start-->

<div class="content_list"  id="content_list">

  <?php $listarrone = array_slice($listarr,0,5);?>

  <?php foreach ($listarrone as $key=>$value) {

    $Focus      = mt_rand(9900,11000);

    $percentage = mt_rand(88,98); 

  ?>

  

<div class="pro_list">

<div>

    <a href="<?php echo './'.$f.'_'.$g.'_'.$value.'.html';?>">

    <img  class="lazy" src="./public/images/bigpic.jpg" data-original="<?php  $onearrinfo=unserialize($mem->get('projectInfo_'.$value));echo $onearrinfo['wapcontent_560'];?>">

    </a>

  </div>

<p><span><em><?php  echo  $percentage;?>%</em>人看好</span><?php  echo (msubstr($onearrinfo["mobTitle"],0,10)); ?></p>

<b><img src="./public/images/list_b.png"><?php echo $Focus;?></b>

</div>

<?php }?>

</div>

<div class="footer" style="display:none;"><center>我是页脚</center></div>

 

<div class="moreCategory" id="moreCategory3" style="display:none;">

    <span class="moreCategoryIn"><img  width="17" height="17" src="./public/images/5-121204193R0-50.gif"></span>

</div>

 

 

 

 

 

<!---载入公共底部1 start-->

<?php  include("./public/bottom2.php");?>

 

<!---载入公共底部2 start-->

<?php  include("./public/bottom1.php");?>

 

<!---载入公共导航 start-->

<?php  include("./public/nav.php");?>

<?php  include("./navpin1.php");?>

<script type="text/javascript" src="./public/js/guoshuang.js"></script>

 

</body>

</html>

 

<?php

header("Content-type:text/html;charset=utf-8");

include("./data/publicedata.php");

//include("./data/list_data.php");

include("./config/function.php");

//大分类

$catid = intval( $_GET['catid'] );

//小分类

$subid = intval( $_GET['subid'] );

 

$mem     = new Memcache;

$mem->connect('127.0.0.1',11211);

 

foreach ($subArr[$catid] as $key=>$value) {

  if ($value['id']==$subid){

      $subname = $value['name'];

  }

}

//如果小分类$subid==0 则显示该大分类的全部信息。

$navlistone        = "";

$navlist           = "";

$navlisttwo        = array('id'=>'0','name'=>'全部');

//@$navlist 导航数组

foreach ($subArr as $key=>$value){

     if ($key == $catid) {

      $navlist[0] = $navlisttwo; 

        foreach ($value as $v) {

           $navlist[] = $v;

        }

    }

}

//@$sublist 内容数组

if ($subid ==0) {

   $sublistone = unserialize($mem->get('cateInfoID_'.$catid));

}else{

   $sublistone = unserialize($mem->get('subCateInfoID_'.$subid));

}

$sublist       = $sublistone['projectID'];

$total_pages   = ceil(count($sublist)/5);

$gk            = intval( $_GET['gk'] );

 

 

?>

<!DOCTYPE HTML>

<html>

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />

<title>28商机网项目列表</title>

<link rel="stylesheet" href="./public/style/home.css" type="text/css" />

<link rel="stylesheet" href="./public/style/list.css" type="text/css" />

 

<script src="./public/js/swiper.js" type="text/javascript"></script>

<script type="text/javascript" src="./public/js/jquery-1.4.2.min.js"></script>

<script src="./public/js/c.js" type="text/javascript"></script>

<!-- 全部显示 start -->

<script type="text/javascript">  

    $(document).ready(function() { 

        $("img.lazy").lazyload();

          $("#subNavBox1").click(function(){

               $("#zhulong_wangzhanx").toggle();

               $("#zhulong_wangzhanx2").hide();

              });

            $("#subNavBox2").click(function(){

               $("#zhulong_wangzhanx2").toggle();

               $("#zhulong_wangzhanx").hide();

              });

 

            //导航条滚动start

            var id = <?php echo $gk;?>; 

            var pwidth=$(window).width()/4;

            if(id>1){

               $("#top_menu").scrollLeft(pwidth*(id-1));

            }

 

           //导航条滚动end

 

        /*var track_click = 2;

        document.addEventListener('touchend', function(){

       

          if ($(document).scrollTop() > $(document).height()-$(window).height()-$('.footer').height()-$(document).height()*track_click*50/100){

            var total_pages = <?php echo $total_pages; ?>;

            $("#moreCategory3").show();

            if (track_click <= total_pages) {

            

                $.post('./lib/sub_ajax.php',{'page':track_click,'catid':<?php echo $catid;?>,'subid':<?php echo $subid;?>,'act':'action'}, function(data) { 

                   //alert(data);

                   $("#moreCategory3").hide();

                   $("#content_list").append(data);

                   //alert(track_click);

                   track_click++;

 

                });

 

 

              }else{

                  $("#moreCategory3").hide();

            }

           

          }else{

            $("#moreCategory3").hide();

        }

 

      },false);*/

 

   var winH = $(window).height(); //页面可视区域高度  

   var track_click = 2; 

  // $(window).scroll(function () {  

   document.addEventListener('touchend', function(){

   var pageH = $(document.body).height(); 

   var scrollT = $(window).scrollTop(); //滚动条top  

           var aa = (pageH-winH-scrollT)/winH; 

   var total_pages = <?php echo $total_pages; ?>;

   if(aa<1.0 && (track_click <= total_pages)){ 

    $("#moreCategory3").show();

 

    $.post('./lib/sub_ajax.php',{'page':track_click,'catid':<?php echo $catid;?>,'subid':<?php echo $subid;?>,'act':'action'}, function(data) { 

                  // alert(data);

                   $("#moreCategory3").hide();

                   $("#content_list").append(data);

                   //alert(track_click);

                   track_click++;

 

                },false);

   }else{

                  $("#moreCategory3").hide();

            }

 

 

   },false); 

 

 

 

 

 

             

    });

 

</script> 

<!--全部显示 end-->

</head>

<body>

<!--标题 start-->

<header class="header">

  <div class="topBar3 clr">

    <span class="s_width"><a href="<?php echo './index.php'; ?>" style="color:#fbf8f8;"><<?php if( $subid == 0){echo $cateArr[$catid];}else{echo  $subname;}?></a></span>

<div style="width:19%; display: inline-block; text-align:right; padding-right:3.125%;width:20%;">

  <!-- 空格内是放大镜  -->

<b class="subNavBox0" id="subNavBox2"></b>

  <!-- 空格内是放大镜  -->

  <!-- 空格内是列表  -->

    <em class="subNavBox0" id="subNavBox1"></em>

  <!-- 空格内是列表  -->

  </div>

</header>

<!--标题 end-->

 

<!--导航条 start-->

<div class="top_menu" id="top_menu">

<div class="top_menu_list" id="top_menu_list">

      <?php foreach ($navlist as $key =>$value) {?>

      <a class="btn <?php if ($key==0 && $subid ==0) { echo 'cur';}else if ($value['id']==$subid) {echo 'cur';}?>" href="<?php if($key!=0){$key=$key-1;} echo './sub_'.$catid.'_'.$c.'_'.$b.'_'.$key.'_'.$value['id'].'.html';?>"><?php echo $value['name'];?> </a>

      <?php }?>

 

      <!--<a class="btn cur" href="#">全部</a> -->

</div>

</div>

<!--导航条 end-->

 

 

<!--内容 start-->

<!--内容   start-->

<div class="content_list"  id="content_list">

  <?php $listarrone = array_slice($sublist,0,5);?>

 

  

  <?php foreach ($listarrone as $k=>$v) {

    $Focus      = mt_rand(9900,11000);

    $percentage = mt_rand(88,98); 

  ?>

  

<div class="pro_list">

<div>

      <a href="<?php echo './'.$f.'_'.$g.'_'.$v.'.html';?>">

      <img   src="<?php  $onearrinfo=unserialize($mem->get('projectInfo_'.$v));echo $onearrinfo['wapcontent_560'];?>" >

      </a>

  </div>

<p><span><em><?php  echo  $percentage;?>%</em>人看好</span><?php echo (msubstr($onearrinfo['mobTitle'],0,12));?></p>

<b><img src="./public/images/list_b.png"><?php echo $Focus;?></b>

</div>

<?php }?>

</div>

<div class="footer" style="display:none;"><center>我是页脚</center></div>

 

<div class="moreCategory" id="moreCategory3" style="display:none;">

    <span class="moreCategoryIn"><img  width="17" height="17" src="./public/images/5-121204193R0-50.gif"></span>

</div>

<script src="/28counts.js"></script>

<script>

(function(){

  var s = document.createElement('script');

  s.type = 'text/javascript';

  s.async = true;

  s.src = (location.protocol == 'https:' ? 'https://ssl.' : 'http://static.') + 'gridsumdissector.com/js/Clients/GWD-002297-C51883/gs.js';

  var firstScript = document.getElementsByTagName('script')[0];

  firstScript.parentNode.insertBefore(s, firstScript);

})();

</script>

 

<!---载入公共底部1 start-->

<?php  include("./public/bottom2.php");?>

 

<!---载入公共底部2 start-->

<?php  include("./public/bottom1.php");?>

 

<!---载入公共导航 start-->

<?php  include("./public/nav.php");?>

<?php  include("./navpin1.php");?>

<script type="text/javascript" src="./public/js/guoshuang.js"></script>

 

 

</body>

</html>


0 0
原创粉丝点击