当前位置:Gxlcms > JavaScript > 如何使用jQuery来实现仿百度分页足迹的案例

如何使用jQuery来实现仿百度分页足迹的案例

时间:2021-07-01 10:21:17 帮助过:7人阅读

这篇文章主要介绍了jQuery实现的仿百度分页足迹效果代码,采用jQuery针对奇偶数不同的页码设置不同的样式,非常简单实用,需要的朋友可以参考下

本文实例讲述了jQuery实现的仿百度分页足迹效果代码。分享给大家供大家参考,具体如下:

这是一个类似于百度的分页足迹效果,基于jquery,原理就是所有为奇数的足迹元素给不一样的样式而已,其它的非奇数元素就按默认的样式。

参数说明:

obj为所有奇数元素
even当前所要点击触发事件
bg为足迹元素
active_bg为点击后的足迹背景

运行效果截图如下:

在线演示地址如下:

http://demo.jb51.net/js/2015/jquery-f-baidu-page-style-codes/

具体代码如下:


以上就是如何使用jQuery来实现仿百度分页足迹的案例的详细内容,更多请关注Gxl网其它相关文章!

人气教程排行