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

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

WBOY
WBOY原创
2016-06-24 11:57:111664浏览

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

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


回复讨论(解决方案)




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

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



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


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

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



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


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



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



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

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

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

希望可以帮到你。

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

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

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



声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn