`
Longmanfei
  • 浏览: 48104 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

仿谷歌的“兔”中分页方法(一)

阅读更多

 

  承接上一篇博客

2.那么下面我们就按照上面的分析,来完成实现的算法

 

  • 首先我们先分析一下分页用到的变量
  • 我们首先要定当前页,还有总记录数和以及每页显示条数和每屏的开始索引和结束索引,以及总的页数和要查询当前页的信息,以及每屏显示的最大页数值
  • 定义好了这些下面我们就写我们的算法

       //这是关于分页的逻辑计算,算法多多营养多多(

 

       if(endindex>lastPage){

  endindex=lastPage;//其中endiex是索引结束,lastPage//是总的页数

       }if(nowPage<=4&&nowPage+2<=lastPage){

  endindex=nowPage+2;//nowPage代表当前页

       }if(nowPage>4&&nowPage+2<=lastPage){

  startindex=nowPage-3;

  endindex=nowPage+2;

      }if(nowPage>4&&nowPage+2>lastPage&&nowPage>=6){

  endindex=lastPage;

  startindex=lastPage-5;

      }if(lastPage<=6){//这里的6当然就是每屏显示的最多页数了,当然可以根据自己的喜好改变也数那就要改变算法了

  if(nowPage>=3)

  endindex=nowPage+2>lastPage?lastPage:nowPage+2;

      }

 

分享到:
评论

相关推荐

    仿Google页面效果完美版源码(HTML+JavaScript).zip

    在本资源中,我们得到了一个名为"仿Google页面效果完美版源码(HTML+JavaScript).zip"的压缩包,其中包含了一个实现Google页面效果的示例项目。这个项目可能是为了帮助开发者学习和理解如何使用HTML和JavaScript来...

    仿Google页面效果完美版源码(HTML+JavaScript)

    本资源提供了一个仿Google页面效果的完美版源码,它由HTML和JavaScript共同构建,旨在为用户提供类似Google的用户体验,同时保持了美观的界面设计。下面我们将深入探讨这个项目中的关键知识点。 首先,HTML...

    仿谷歌浏览器的TabWidget

    "仿谷歌浏览器的TabWidget" 指的是一个软件界面设计组件,模仿了谷歌浏览器(Google Chrome)中的标签页功能。TabWidget是Qt库中的一个控件,用于实现多标签页的界面,用户可以在不同的标签页之间切换,类似于网页...

    仿Google浏览器UI界面源码

    【标题】:仿Google浏览器UI界面源码 在IT领域,设计和开发用户界面(UI)是一项关键任务,尤其对于一款流行的浏览器来说。Google浏览器以其简洁、高效的界面设计获得了全球用户的喜爱。仿制Google浏览器的UI界面...

    jQuery实现仿Google首页拖动效果的方法

    jQuery实现仿Google首页拖动效果涉及的主要知识点包括: 1. jQuery基础: jQuery是一个快速、简洁的JavaScript库,它通过简化HTML文档遍历、事件处理、动画和Ajax交互,使Web开发变得更加方便。实现拖动效果,重点...

    仿Google炫酷导航

    综上所述,实现一个仿Google炫酷导航需要综合运用前端开发技术,包括HTML、CSS、JavaScript,以及对用户体验、动画性能和交互设计的理解。同时,不断跟进最新的Web技术趋势,以便为用户提供更加独特和个性化的导航...

    仿google的导航菜单效果

    标题提到的"仿google的导航菜单效果",指的是创建一个与Google网站相似的顶部导航菜单,这种菜单以其简洁、直观和高效的特性广受用户喜爱。让我们深入探讨一下这个话题。 首先,导航菜单是网页设计的核心元素之一,...

    Fragment + ViewPager 仿 Google Play

    在Android应用开发中,"Fragment + ViewPager 仿 Google Play"是一种常见的实现方式,用于构建具有类似Google Play应用的用户界面。这个设计模式充分利用了Fragment和ViewPager的优势,为用户提供了一个可滑动的多...

    仿Google风格网址站代码

    标题中的“仿Google风格网址站代码”指的是一个网站开发项目,其目的是创建一个与Google搜索引擎类似的界面和用户体验的网址导航站。这个项目可能包含了模仿Google的简洁设计、搜索功能、以及可能的一些特色服务链接...

    仿谷歌页面导航

    【标题】"仿谷歌页面导航"是一个项目,旨在模仿谷歌网站的导航结构和样式,以学习和实践HTML、CSS这两种前端技术。这个项目的核心在于理解谷歌网页的设计原则,并使用基本的HTML元素和CSS样式来实现它。 【描述】...

    地图制图模板(仿Google)

    地图制图模板(仿Google)是一种专为ArcGIS软件设计的样式资源,旨在提供与Google地图相似的视觉体验。这个模板适用于那些希望在ArcGIS环境中创建具有谷歌地图风格的地理信息系统(GIS)应用的用户。ArcGIS是一款由Esri...

    仿google日历中文版

    【仿google日历中文版】是一款专为中文用户设计的日历应用,旨在提供与Google日历相似的功能体验,便于用户管理个人时间、安排任务和跟踪重要事件。此应用结合了Google日历的优点,并针对中文用户进行了本地化优化,...

    仿谷歌分页,仿谷歌分页,分页,最简单的分页

    谷歌分页的特点是简洁明了,只显示主要的页码,同时提供“上一页”、“下一页”按钮和跳转至指定页的功能。前端需要与后端通过Ajax通信,获取数据并动态更新页面。 4. 用户交互:当用户点击分页按钮时,触发事件,...

    仿google首页导航

    "仿google首页导航"是一个项目,旨在模仿Google的标志性主页导航栏,利用纯HTML(HyperText Markup Language)和CSS(Cascading Style Sheets)来实现。这种设计方法不仅能够提升网页的视觉效果,还能确保代码简洁...

    仿谷歌地图风格的ArcGIS符号库

    本文将深入探讨"仿谷歌地图风格的ArcGIS符号库"这一主题,揭示其设计原理、应用价值以及具体操作方法。 首先,我们来看“仿谷歌地图风格”的概念。谷歌地图以其简洁明了、易于阅读的界面风格深受用户喜爱。这种风格...

    js仿Google响应式页面设计源码.rar

    "js仿Google响应式页面设计源码"是一个示例项目,旨在模仿Google网站的响应式设计。虽然描述中提到作者并未充分理解其工作原理,也没有明显的效果展示,但我们可以深入探讨一下响应式设计的基本概念和关键技术。 1....

    仿google首页拖动的一个很完美的例子

    这个"仿google首页拖动的一个很完美的例子"就是一个很好的实践,它实现了类似Google首页的可拖动、最小化和关闭的功能,同时在IE和Firefox两大主流浏览器上都表现良好,这意味着它考虑了浏览器兼容性问题。...

    不错的仿谷歌导航条源码

    “不错的仿谷歌导航条源码”这一资源,不仅提供了一个具有谷歌风格的导航栏的基本框架,还可能包括了下拉菜单、响应式布局等现代化的网页设计特性。这样一套源码可以大大节省开发时间,让开发者不必从零开始搭建导航...

    仿google图片效果图片展示相册

    【标题】"仿google图片效果图片展示相册"是一个网页设计项目,旨在模仿谷歌图片搜索结果的展示方式,提供一种视觉吸引力强且用户友好的图片浏览体验。这种效果通常包括可缩放的预览图、清晰的图片信息以及平滑的滚动...

    仿google play侧滑菜单

    在Android应用开发中,"仿Google Play侧滑菜单"是一种常见的设计模式,它为用户提供了一种优雅的方式来展示和切换不同的功能模块。这个设计通常被应用于主屏幕或者导航栏,允许用户通过从屏幕边缘向内滑动来显示隐藏...

Global site tag (gtag.js) - Google Analytics