啥也不说, 先上效果图
未用 JavaScript
qq 分享菜单. PNG
使用 JavaScript 后
qq 分享菜单拉出. PNG
代码如下
- function share(){
- var isOpen = false;
- var $shareMore = $('#shareMore');
- var $parent = $shareMore.parent();
- var $as = $shareMore.prevAll('a:lt(2)');
- var $b = $shareMore.children();
- $shareMore.click(function() {
- if(isOpen){
- $parent.CSS('width', 155);
- $as.hide();
- $b.removeClass('backword');
- }else{
- $parent.CSS('width', 200);
- $as.show();
- $b.addClass('backword');
- }
- isOpen = !isOpen;
- });
- }
来源: http://www.jianshu.com/p/a548315bb7fa