<html> <head> … <link rel="stylesheet" type="text/css" href="./wave_pagination.css" /> <script type="text/javascript" src="./jquery.js"></script> <script type="text/javascript" src="./jquery.wave_pagination.js"></script> … </head> <body> … <div id="wave-pagination"> <div class="wave-pagination__left-gradient"></div> <div class="wave-pagination__right-gradient"></div> <div class="wave-pagination__mover"> <a href="#1">1</a><span class="wave-pagination__selected">2</span>…<a href="#51">51</a> </div> </div> … </body> </html>
Пример работы: