和我们一起放飞理想吧!
  • 本栏最新文章
摄影专辑AD
  • 本栏推荐文章
当前位置: 主页 > kj770.com >

html前端模拟手机列表页点击加载更多

时间:2019-09-30    作者:admin    来源:未知

  www.43380.com,列表页很多内容,要是静态简单方法做一个默认六条内容显示,其他的隐藏,当点击底部查看更多就会加载多六条,每次点击都加六条,怎么操作,默认多少条可以自己自行定义

  html代码布局部分,因为我已经做了读取数据库,所以循环加载出来了,相当于前端很多条数据,就很多对li标签从从数据库循环出来

  最主要的来了,jq写法,讲一下思路,第一步获取新闻总条数,判断新闻总数,多于六条(自定义条数);便开始你的表演写控制,少于就隐藏查看输出已无;第二步,默认六条内容,首先全部隐藏内容加隐藏样式,在给前六个显示(去掉隐藏样式类,加上一个类list自定义记录显示的条数,再给已无按钮一个隐藏),第三步点击效果获取当前的list个数即显示条数,定义一个变量吧获取到的显示条数加六(自定义加多少条);再判断内容如果变量加到的总数大于总条数li便给输出全部按钮变化;如果小于便执行每次点击加六条,即把获取到的条数去掉隐藏,加上list类记录如图即可;

上一篇:JQuery如何实现点击查看更多显示更多内容
下一篇:点击“加载更多”如何做到的?
小龙人心水论坛| 一肖中特单双中特| 夜明珠平特一肖走势| 香港马会正牌挂牌高手| 夜明珠预测开奖时间| 财神六合网| 真道人玄机图资料| 亚视免费资料大全| 一肖一码期期大公开| 香港马会今期开奖结果|