海洋cms使用JQ实现播放列表分页显示
海洋CMS的播放列表没有分页功能,可以使用JS来实现分页显示的效果。<script src="https://cdn.bootcdn.com/ajax/libs/jquery/3.6.0/jquery.js"></script><script> function getzz() { var a = $("ul#all li"); var zz =new Array(a.length); for(var i=0;i <a.length;i++){ zz=a.innerHTML; } return zz; } function change(e){ debugger pageno=e; if(e<1){ e=1;pageno=1; } if(e>pageall){ e=pageall;pageno=pageall; } $("#all").html(""); var html=""; for(var i=0;i<pagesize;i++){ html += '<li>' + zz[(e-1)*pagesize+i] +'</li>'; if(zz[(e-1)*pagesize+i+1]==null) break; } $("ul#all").html(html); var ye=""; for(var j=1;j<=pageall;j++){ if(e==j){ ye=ye+"<span><a href='#' onClick='change("+j+")' style='color:#FF0000'>"+j+"</a></span> " }else{ ye=ye+"<a href='#' onClick='change("+j+")'>"+j+"</a> " } } var pageContent=""; pageContent +='第<span id=\"a2\">'+pageno+'</span>/'; pageContent +='<span id="a1">'+pageall+'</span>页'; pageContent +='<span id="a3">'+ye+'</span>'; pageContent +='<a href="#">上一页</a> '; pageContent +='<a href="#">下一页</a> '; $("#page").html(pageContent); }</script><!-- 播放列表标签 开始 --><ul id="all"> <li>第1集</li> <li>第2集</li> <li>第3集</li> <li>第4集</li> <li>第5集</li> <li>第6集</li> <li>第7集</li> <li>第8集</li> <li>第9集</li> <li>第10集</li></ul><!-- 播放列表标签 结束 --><div class="page"> <div id="page"></div></div><script> var zz=getzz() var pageno=1 ; //当前页 var pagesize=3; //每页多少条信息 if(zz.length%pagesize==0){ var pageall =zz.length/pagesize ; }else{ var pageall =parseInt(zz.length/pagesize)+1; } change(1);</script>
更多文章
-
海洋cms模板标签大全(收藏级)
海洋cms以其免费开源、采集功能强大著称,吸引了越来越影视站长。那么在使用海洋cms过程中,模板标签是必须要掌握的。下面是整理的海洋cms模板标签大全,对于做站朋友,一定有用,赶快收藏起来吧!海洋cms模板标签目录00.相关必要说明 01.全局标签 02.自定义标签 03.if标签和嵌套if标签subif(支持php语句、多e
-
海洋cms模板更换及安装教程
很多刚使用海洋cms站长朋友,不知道如何更换模板及安装,下面就详细的图文教程,快来学习! 第一步,从免费海洋cms模板下载网站(http://www.dongliancnc.com),选择喜好的模板并下载,特别说明都是人工测试过的模板,保证使用哦。 第二步,将模板压缩包,上传文件到网站templets目录下
-
海洋cms海洋自定义Redis缓存服务器配置
如果您的Redis缓存服务使用了密码,或者需要修改Redis服务器地址和端口,需要修改下面两个文件:文件1:include/common.redis.func.php(共5处修改)文件2:admin/admin_ajax.php(共1处修改,admin请对应实际后台目录)修改服务器地址和端口:$re
-
海洋cms使用JQ实现播放列表分页显示
海洋CMS的播放列表没有分页功能,可以使用JS来实现分页显示的效果。
-
海洋cms模板制作基础语法
海洋cms模板标签类似于XML格式,所有的模板都含有定界符, 默认情况下是{seacms:*}和{/seacms:*},“*”代表模板标记名称。 一般情况下{seacms:*}和{/seacms:*}是成对出现的例如:{seacms:videolist num=5}
<