您好,欢迎来到一灯教育。
搜索
您的当前位置:首页js实现菜单左右滚动显示示例介绍_javascript技巧

js实现菜单左右滚动显示示例介绍_javascript技巧

来源:一灯教育


代码如下:




http://flytosky.qzone.qq.com









  • 学知识>





    有事情请联系小白!交志同道合的朋友


    邮箱:flytosky1991@126.com


    QQ:879974693









  • 交挚友>





    有事情请联系小白!交志同道合的朋友


    邮箱:flytosky1991@126.com


    QQ:879974693









  • 能赚钱>





    有事情请联系小白!交志同道合的朋友


    邮箱:flytosky1991@126.com


    QQ:879974693










  • 找业务>





    有事情请联系小白!交志同道合的朋友


    邮箱:flytosky1991@126.com


    QQ:879974693









  • 招人才>





    有事情请联系小白!交志同道合的朋友


    邮箱:flytosky1991@126.com


    QQ:879974693









  • 求发展>





    有事情请联系小白!交志同道合的朋友


    邮箱:flytosky1991@126.com


    QQ:879974693








  • var hide_boxw = $(".right_box").width();
    $(".show_box").mouseenter(function(e){
    var li = $(this).find(".right_box");
    $(this).addClass("show_box_hover");
    if(li.css("display")=="none"){
    $(".right_box").hide();
    $(".show_box").removeClass("show_box_hover");
    $(this).addClass("show_box_hover");
    li.css({"width":"0px","display":"block"});
    li.animate({"width":hide_boxw},hide_boxw);
    }
    });




    实现效果

    Copyright © 2019- editong.com 版权所有

    违法及侵权请联系:TEL:199 18 7713 E-MAIL:2724546146@qq.com

    本站由北京市万商天勤律师事务所王兴未律师提供法律服务