jQuery实现MSN中文网滑动Tab菜单效果代码_jquery
程序员文章站
2022-05-03 15:50:16
...
本文实例讲述了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中文网:时尚生活 白领门户
上一篇: js实现透明度渐变效果的方法_javascript技巧
下一篇: C和汇编混合编程---栈平衡