欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

在网页中如何实现下面的翻页导航效果?(有图有真相,图片在我下面的楼层中)_html/css_WEB-ITnose

程序员文章站 2024-01-12 19:49:40
...
上面是一个列表表格,下面是一个翻页导航,点击相应的数字翻页到相应的页面,点击左箭头向前翻页,点击右箭头向后翻页,输入数字n,点击GO按钮,翻到第n页。

如何实现这种效果呢?( 图片在下面,因为发帖时上传不了图片,下面楼层有)


回复讨论(解决方案)




,这不是程序该干的事么,你只要把样式写出来就行了。

,这不是程序该干的事么,你只要把样式写出来就行了。



你有解决这个问题的思路吗?


分页这个不是有很多成熟的插件或代码么?最终就是页面上显示判断的问题!网上搜搜。

分页这个不是有很多成熟的插件或代码么?最终就是页面上显示判断的问题!网上搜搜。



网上那些插件或代码都不能定制样式。你能说一下自己做的大体思路吗?


分页这个不是有很多成熟的插件或代码么?最终就是页面上显示判断的问题!网上搜搜。



网上那些插件或代码都不能定制样式。你能说一下自己做的大体思路吗?



不会吧!! 如果你要实现分页效果,首先你必须先把这个样式写出来?然后程序实现的话,是把数据总数,分页大小,当前页等参数查询出来在页面上判断显示出相应的分页代码,像显示多少页,和跳到哪一页,这就是js获取参数跳转了,或者post等提交数据查询!!

http://www.jq22.com/jquery-info56

我觉得这个比较适合你,简单明了,而且可以自己定义样式【具体里面有,我就不说了】,对于翻页数据的变化,就要看你用的是什么后台语言了(PHP,ASP,JSP网上都有例子)。

希望可以帮到你。

说实话,很久都没有见到输入数字,然后跳转到相应的页面了。

输入数字跳转到相应页面的实现思路:

1.一个输入框
2.点击[提交]按钮将输入框里面的数字提交给后台
3.展示相应页面的数据.