jQuery实现MSN中文网滑动Tab菜单效果代码_jquery
程序员文章站
2022-04-29 23:33:52
...
本文实例讲述了jQuery实现MSN中文网滑动Tab菜单效果代码。分享给大家供大家参考。具体如下：
");
$(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();
});
这是一款jQuery实现Msn中文网的滑动滑动门代码，利用jQuery实现的效果，代码很巧妙，就是利用一个绝对定位的层来实现移动效果，但是体验度大幅提升了。
运行效果截图如下：
在线演示地址如下：
http://demo.jb51.net/js/2015/jquery-f-msn-tab-menu-style-codes/
具体代码如下：
MSN中文网：时尚生活 白领门户
上一篇： 商品分类表的实现与缓存
下一篇： 如何使用Vue控制字符和字节显示个数