Q:2493441723

防qq空间下拉效果。

<div id="user_list" class="col-xs-12 col-sm-12">
                <div class="col-md-12 col-sm-12">
                        <div class="panel panel-default">
                            <div class="id panel-heading">
                                <input type="radio"  name="join_id" value="1015">1015号  
                                姓名:9  
                                票数:8                            </div>

                            <div class="panel-body">
                                <a href="/mobile/toupiao/index.php?m=Home&c=Index&a=video&video=http%3A%2F%2Fqadsg.com%2Fmobile%2Ftoupiao%2Fstatic%2Fmv%2F2016-05-15%2F57382529e82d7.mp4"><img style="width: 155px;height: 140px;" class="img-responsive center-block" src="/mobile/toupiao/./static/mv/2016-05-15/57382529e5012.jpg"></a>
                            </div>
                        </div>
                    </div><div class="col-md-12 col-sm-12">
                        <div class="panel panel-default">
                            <div class="id panel-heading">
                                <input type="radio"  name="join_id" value="1014">1014号  
                                姓名:8  
                                票数:7                            </div>

                            <div class="panel-body">
                                <a href="/mobile/toupiao/index.php?m=Home&c=Index&a=video&video=http%3A%2F%2Fqadsg.com%2Fmobile%2Ftoupiao%2Fstatic%2Fmv%2F2016-05-15%2F57382529e82d7.mp4"><img style="width: 155px;height: 140px;" class="img-responsive center-block" src="/mobile/toupiao/./static/mv/2016-05-15/57382529e5012.jpg"></a>
                            </div>
                        </div>
                    </div>            </div>

 js

 1 <script>
 2     var is_can_next = 1;
 3     var _pa = 1;
 4     $(window).scroll( function() {
 5         loadData();
 6     } );
 7 
 8     function loadData(){
 9         //alert(2);
10 
11         hei = $(document).height();//整个页面的高度
12         win_hei = $(window).height();//可见区域的大小
13         if ($(document).scrollTop() >= hei - win_hei) {
14             //$("#user_list").append(str);
15             if(is_can_next == 1){
16                 is_can_next = 0;
17                 nextPage();
18             }
19         }
20         if($('#toTop').scrollTop(500)){
21             $('#toTop').show();
22         }else {
23             $('#toTop').hide();
24         }
25     }
26     function nextPage() {
27         var max_p = {$count};
28         var p_url = "/mobile/toupiao/index.php?m=Home&c=Index&a=pullToRefresh&p="+_pa;
29         if (max_p == _pa ){
30             str = "";
31             str += "<p class=\"text-center\">没有更多数据";
32             str += "</p>";
33 
34             $("#user_list").append(str);exit();
35         }
36         $('#center_pullup').show();
37         $.ajax(
38                 {
39                     url:p_url,
40                     dataType: 'json',
41                     success: function(result){
42                         var str = "";
43                         $.each(result.arr,function(index,array){
44 
45                             str = "<div class=\"col-md-12 col-sm-12\">";
46                             str += "<div class=\"panel panel-default\">";
47                             str += "<div class=\"id panel-heading\">";
48                             str += "<input type='radio' name='join_id' value="+array['id']+">"+array['id']+"号&nbsp;&nbsp; 姓名:"+array['join_name']+"&nbsp;&nbsp;票数:"+array['num'];
49                             str += "</input>";
50                             str += "</div>";
51                             str += "<div class=\"panel-body\">";
52                             str += "<a href={:U('Index/video?video=')}"+array['video']+">";
53                             //str += "<img style=\"width: 155px;height: 140px;\" class=\"img-responsive center-block\" src=>";
54                             str += "<img style=\"width: 155px;height:140px; \" class=\"img-responsive center-block\" src="+array['img']+">";
55                             str += "</div>";
56                             str += "</div>";
57                             str += "</div>";
58 
59                             $("#user_list").append(str);
60                         });
61                         $('#center_pullup').hide();
62                         _pa++;
63                         is_can_next = 1;
64                     },
65                     error:function(){
66                         alert('出错啦');
67                     }
68                 }
69         );
70     }
71     function toTop(){
72         window.scroll(0,0);
73     }
74 </script>

 

posted @ 2016-05-16 16:57  QQ2493441723  阅读(128)  评论(0)    收藏  举报