滚动加载更多
来源:互联网 发布:金融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>
- 滚动加载更多内容
- 滚动加载更多
- 滚动加载更多的代码
- ListView滚动到底部自动加载更多
- ListView滚动到底部自动加载更多
- 手机端滚动屏幕加载更多
- Framework7下拉刷新,滚动加载更多,幻灯片
- JQuery滚动加载更多数据实例
- vue中实现滚动加载更多
- jquery weui ajax滚动加载更多
- 【Jfinal】页面滚动 ajax 加载更多
- AngularJS应用-滚动加载更多数据
- JS滚动条到网页底部自动加载更多内容
- win8 metro 无限滚动加载数据,实现“更多”功能
- Android ListView 滚动翻页效果——加载更多
- ListView滚动到底部自动加载更多数据
- jquery.autocomplete 插件扩展滚动条加载更多
- Js(JQuery)实现滚动到底部加载更多(翻页)
- java发送udp广播包
- div 左中右结构布局问题
- adb shell 查看数据库
- 【求助】如何实现在并肩看中加入代码啊
- JavaScipt——基于对象和事件驱动的客户端语言
- 滚动加载更多
- Android ViewPager使用详解
- Python学习笔记9:标准库之日期时间(time包,datetime包)
- android 布局
- HTTPS 能否避免流量劫持?
- 字符串中String类的比较方法
- firefox date 类型 错误 nan-nan-nan-nan
- UML类图与类的关系详解
- 万物生长-万科王石