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

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

WBOY
WBOYoriginal
2016-06-24 11:57:111647parcourir

上面是一个列表表格,下面是一个翻页导航,点击相应的数字翻页到相应的页面,点击左箭头向前翻页,点击右箭头向后翻页,输入数字n,点击GO按钮,翻到第n页。

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


回复讨论(解决方案)




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

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



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


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

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



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


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



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



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

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

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

希望可以帮到你。

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

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

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



Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn