> 웹 프론트엔드 > HTML 튜토리얼 > 在网页中如何实现下面的翻页导航效果?(有图有真相,图片在我下面的楼层中)_html/css_WEB-ITnose

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

WBOY
풀어 주다: 2016-06-24 11:57:11
원래의
1669명이 탐색했습니다.

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

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


回复讨论(解决方案)




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

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



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


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

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



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


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



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



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

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

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

希望可以帮到你。

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

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

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



원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿