How to achieve the following page-turning navigation effect in a web page? (There are pictures and the truth, the pictures are on the floor below me)_html/css_WEB-ITnose

The top is a list table, and the bottom is a page navigation. Click the corresponding number to page to the corresponding page, click the left arrow to page forward, click the right arrow to page backward, enter the number n, and click the GO button , turn to page n.

How to achieve this effect? (The picture is below, because the picture cannot be uploaded when posting, it is available on the floor below)

Reply to the discussion (solution)

, isn’t this what the program should do? You just need to write the style.

, isn’t this what the program should do? You just need to write the style.

Do you have any ideas to solve this problem?

Isn’t there a lot of mature plug-ins or codes for pagination? Ultimately it’s a matter of displaying judgment on the page! Search online.

Aren’t there many mature plug-ins or codes for pagination? Ultimately it’s a matter of displaying judgment on the page! Search online.

None of the plug-ins or codes on the Internet can customize the style. Can you tell me the general idea of ​​​​what you do?

Isn’t there a lot of mature plug-ins or codes for pagination? Ultimately it’s a matter of displaying judgment on the page! Search online.

None of the plug-ins or codes on the Internet can customize the style. Can you tell me the general idea of ​​​​what you do?



No way! ! If you want to achieve the paging effect, you must first write out this style? Then when the program is implemented, the total number of data, paging size, current page and other parameters are queried, and the corresponding paging code is judged and displayed on the page, such as how many pages are displayed and which page to jump to. This is js getting parameter jump. , or post, etc. to submit data query! !

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

I think this is more suitable for you, it is simple and clear, and you can define the style yourself [There are specific ones, I won’t go into details. ], for changes in page turning data, it depends on what background language you use (there are examples on the Internet for PHP, ASP, and JSP).

Hope this helps.

To be honest, I haven’t seen entering numbers and then jumping to the corresponding page for a long time.

Implementation ideas for entering numbers to jump to the corresponding page:

1. An input box
2. Click the [Submit] button to transfer the number in the input box Submit to the backend
3. Display the data of the corresponding page.