欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

jQuery实现MSN中文网滑动Tab菜单效果代码_jquery

程序员文章站 2022-05-03 15:50:16
...
本文实例讲述了jQuery实现MSN中文网滑动Tab菜单效果代码。分享给大家供大家参考。具体如下:

这是一款jQuery实现Msn中文网的滑动滑动门代码,利用jQuery实现的效果,代码很巧妙,就是利用一个绝对定位的层来实现移动效果,但是体验度大幅提升了。

运行效果截图如下:

jQuery实现MSN中文网滑动Tab菜单效果代码_jquery

在线演示地址如下:

http://demo.jb51.net/js/2015/jquery-f-msn-tab-menu-style-codes/

具体代码如下:



MSN中文网:时尚生活 白领门户
"); $(b).find(".animate").width($(b).find("ul>li.on").outerWidth() - 2).css("left", $(b).find("ul>li.on").position().left) }) } }; $(document).ready(function() { var a = msn.hp; a.tab.init(); });
更多>>