layui导航

提问 未结 12 1173
丶上善若水丶
悬赏:20飞吻
版本:layui 浏览器:
侧栏导航 能不能缓动展开子菜单
回帖
  • AggerChen
    2017-11-30
    @冬日温暖
    $('.show-hi').on('click', function() {
    var sideWidth = $('#admin-side').width();
    if(sideWidth === 180) {
    $('#admin-body').animate({
    left: '49'
    });
    $('#admin-side').animate({
    width: '49'
    });
    $('.show-hi').animate({
    width: '49'
    });
    $('.layui-footer').animate({
    left: '49'
    });

    //监听图标
    $(".locsize").hover(function(){
    var that = this;
    var children = $(that).children();
    layer.tips($(children[2]).html(), children[1]);
    },function(){
    layer.closeAll('tips');
    });
    } else {
    $(".locsize").off('mouseenter').unbind('mouseleave');

    $('#admin-body').animate({
    left: '180px'
    });
    $('#admin-side').animate({
    width: '180px'
    });
    $('.show-hi').animate({
    width: '100%'
    });
    $('.layui-footer').animate({
    left: '180px'
    });
    }
    });
    就这么简单[馋嘴]
    2 回复
  • AggerChen
    2017-12-1
    @冬日温暖 @丶上善若水丶 来来来,我做出来了
    需要改源码,在element.js中
    添加一段代码就行了
    if(child.css('display') === 'none'){
    $(child).animate({height: '40'});
    parent.addClass(NAV_ITEM+'ed');
    }else{
    $(child).animate({height: '0'},function(){
    parent.removeClass(NAV_ITEM+'ed');
    });
    }
    看图
    1 回复
  • AggerChen
    2017-11-30
    你想要什么 这个?
    0 回复
  • @AggerChen [馋嘴] 我想要这个[阴险] 不会整
    0 回复
  • 人应该在
    2017-11-30
    0 回复
  • @AggerChen [赞] [给力] 感谢分享!先收藏了,周末有时间研究一下,还没开始研究后台 layout呢[嘻嘻]
    0 回复
  • @AggerChen 这种上下展开的时候能不能动画展开子菜单 ,源码好像通过display判断的
    0 回复
  • @AggerChen [赞] 真用心,感谢你的分享!先收藏了,用到的时候一定参考参考,目前我只是自己学习,还没有开始做导航栏。再次感谢你!
    0 回复
  • @AggerChen 哥们 咱俩改的差不多,我测你这个 好像也不行,点击不收缩。。。。。
    0 回复
  • AggerChen
    2017-12-4
    0 回复
本帖已设置禁止回复