js实现下一页页码效果

效果图：

代码如下：

！DOCTYPE html html head meta charset=' utf-8 '/title/title style * { margin 3360 0；padd : 0；} .滚动工具{相对位置：高度： 56pxpadding: 12px 160px背景-color : # F9 F9；} .ST-con { font-size : 14px；线高： 30px文本对齐：中心；padd : 12px 0；宽度： 680像素；margin: 0自动溢出-y:隐藏；overflow-x : auto；空白： nowrap} .ST-con . img-page { font-size : 0；} a { text-decoration : none} .ST-con a .精选{底色： # d3a 12a} .ST-con a { font-size : 14px；显示器：内联块；宽度： 30pxheight : 30pxcolor : # fffborder-radius : 3px；背景-颜色： # 44c 6个；margin: 0 5px} html，正文{背景： # f0f 0；font: 14px/2 '微软雅黑；}页眉{宽度： 680像素高度： 50px余量： 50px自动；}页眉div {宽度： 100%；高度： 50px线高： 50px文本对齐：中心；font-size : 30px颜色： # 999}/样式/标题正文标题差异简约下一页页码效果/div/header div class=' roll-tool ' div class=' ST-con ' div class=' img-page ' a href=' javaclip : void(0)' rel=' external nofollow ' rel=' external nofollow ' rel=' external nofollow ' rel=' external nofollow ' class=' selected ' span 1/span/a href=' javaclip : void(0)' rel=' external ' nofollow ' nofollow ' rel ' ' external ' nofollow ' rel '=' rel=' external nofollow ' rel=' external nofollow ' rel=' external nofollow ' rel=' external nofollow ' span 5/span/a href=' javaclit : void(0)' rel=' external nofollow ' rel=' external nofollow ' rel=' external nofollow ' span 6/span/a/div/div/div脚本src='http:https://code.jquery . img-a '页on('click ')，function(){ $(this).addClass(')选定')。兄弟姐妹(' a ').removeClass(“”选定');})})/脚本/正文/html以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持我们！