精华内容
下载资源
问答
  • 效果图: 看了上面效果图,你或许已经明白为什么是仿京东菜单...HoverTree – jquery菜单插件</title> <base target=”_blank” /> <link href=”http://keleyi.com/jq/hovertree/css/jquery.hovertree
  • jquery菜单跟随鼠标移动特效
  • jquery菜单简洁动画_修改
  • 本文实例讲述了jQuery菜单插件用法。分享给大家供大家参考。具体如下: 这里要分享的是一个菜单插件,在http://plugins.jquery.com/keleyi/ 看到的,使用找个插件可以制作页面底部向上弹出的菜单,不一定在页底,...
  • jQuery图片渐隐切换菜单,具有渐显效果会切换的jQuery菜单_淡入淡出菜单,兼容IE,FF,Safari,Opera等浏览器。菜单按钮多少可以按需求添加,范例添加了5个。
  • jquery菜单插件jGlideMenu

    2021-04-02 00:58:38
    jquery菜单插件jGlideMenu是一款可拖动的嵌套菜单窗体,鼠标点击滑动切换到二级菜单,带有关闭按钮。
  • jquery菜单

    2014-07-31 16:29:51
    jquery鼠标左键长按弹出功能菜单源代码
  • 主要介绍了jquery实现左右滑动菜单效果代码,涉及jquery鼠标事件相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
  • 商城侧边导航定位jquery菜单是一款基于jQuery实现的导航定位菜单栏目,可根据滚动条位置修改菜单样式。
  • 内容索引:脚本资源,jQuery,自定义菜单,jQuery菜单 可自定义大小的jQuery菜单,自定义主要指菜单的宽度可以变化,可根据你网页的布局大小调整宽度。下方的数字按钮代表宽度值,数字越大,单个菜单的宽度就越宽,菜单...
  • jquery菜单插件jGlideMenu是一款可拖动的嵌套菜单窗体,鼠标点击滑动切换到二级菜单,带有关闭按钮。
  • jQuery菜单滑动伸展收缩特效是一款仿淘宝菜单滑动伸展收缩,功能很实用,代码非常的简单。
  • JQuery菜单样例

    2013-08-20 10:25:38
    样例用了javascript中的Jquery框架加上一些CSS样式所做的菜单样例。初学者可以参考。
  • jQuery菜单滑动伸展收缩特效是一款仿淘宝菜单滑动伸展收缩,功能很实用,代码非常的简单。
  • jQuery菜单折叠(鼠标移入)

    千次阅读 2020-10-03 16:57:20
    鼠标移入出发菜单折叠展开 (jQuery slidedown和slideup实现)

    **

    鼠标移入出发菜单折叠展开

    (jQuery slidedown和slideup实现)
    **

      <style>
            * {
                margin: 0;
                padding: 0;
            }
            
            body {
                margin-top: 100px;
                display: flex;
                align-items: center;
                justify-content: center;
            }
            
            .menu {
                width: 500px;
                height: 50px;
                line-height: 50px;
                align-items: center;
                font-size: 25px;
                background-color: aqua;
                /* position: relative;  */
                display: flex;
                align-items: center;
                justify-content: center;
            }
            
            ul {
                list-style: none;
                /* display: none; */
            }
            
            ul li {
                background-color: #E771EF;
                width: 500px;
                height: 25px;
                border: 2px solid rosybrown;
                box-sizing: border-box;
            }
            
            .menu p>span {
                cursor: pointer;
                width: 50px;
                height: 50px;
                /* border: 1px solid red; */
                padding: 5px;
                padding-left: 10px;
                padding-right: 10px;
            }
            
            .banner1,
            .banner2,
            .banner3 {
                border: 2px solid green;
                box-sizing: border-box;
            }
            /* .menu p {} */
        </style>
    </head>
    
    <body>
        <div class="box">
            <div class="banner1">
    
                <div id="menu1" class="menu">
                    <p> 点击打开1&nbsp;&nbsp;&nbsp; <span>☟</span> </p>
                </div>
                <ul>
                    <li>菜单1</li>
                    <li>菜单2</li>
                    <li>菜单3</li>
                    <li>菜单4</li>
                    <li>菜单5</li>
                </ul>
            </div>
            <div class="banner2">
    
                <div id="menu2" class="menu">
                    <p> 点击打开2&nbsp;&nbsp;&nbsp;<span>☟</span></p>
                </div>
                <ul>
                    <li>菜单1</li>
                    <li>菜单2</li>
                    <li>菜单3</li>
                    <li>菜单4</li>
                    <li>菜单5</li>
                </ul>
            </div>
            <div class="banner3">
                <div id="menu3" class="menu">
                    <p> 点击打开3&nbsp;&nbsp;&nbsp;<span>☟</span></p>
                </div>
                <ul>
                    <li>菜单1</li>
                    <li>菜单2</li>
                    <li>菜单3</li>
                    <li>菜单4</li>
                    <li>菜单5</li>
                </ul>
            </div>
        </div>
    </body>
    <script src="jquery/jquery-1.12.4.js"></script>
    <script>
        //要用移入实现就需要用mouseleave和mouseenter实现,这样防止冒泡只在指定元素上触发
        console.log($("#menu1 p>span"));
        $(function() {
    
            var $new1 = $('<span>☝</span>')
            var $new2 = $('<span>☟</span>')
            $('ul').stop(true).slideUp();
            $("#menu1 p>span").mouseenter(function() {
    
                $("#menu1 p>span").text('☟')
                    // $("#menu1 p>span").replaceWith($new2)
                $('.banner1 ul').stop(true).slideDown();
                console.log(2);
            })
            console.log($(".banner1 ul"));
            $(".banner1 ul").mouseleave(
                function() {
                    $("#menu1 p>span").text('☝')
                        // $("#menu1 p>span").replaceWith($new1)
                    $('.banner1 ul').stop(true).slideUp();
                    console.log(1);
    
                })
            $("#menu2 p>span").mouseenter(function() {
    
                    $("#menu2 p>span").text('☟')
                        // $("#menu1 p>span").replaceWith($new2)
                    $('.banner2 ul').stop(true).slideDown();
                    console.log(2);
                })
                // console.log($(".banner1 ul"));
            $(".banner2 ul").mouseleave(
                function() {
                    $("#menu2 p>span").text('☝')
                        // $("#menu1 p>span").replaceWith($new1)
                    $('.banner2 ul').stop(true).slideUp();
                    console.log(1);
    
                })
            $("#menu3 p>span").mouseenter(function() {
    
                $("#menu3 p>span").text('☟')
                    // $("#menu1 p>span").replaceWith($new2)
                $('.banner3 ul').stop(true).slideDown();
                console.log(2);
            })
            console.log($(".banner3 ul"));
            $(".banner3 ul").mouseleave(
                function() {
                    $("#menu3 p>span").text('☝')
                        // $("#menu1 p>span").replaceWith($new1)
                    $('.banner3 ul').stop(true).slideUp();
                    console.log(1);
    
                })
    
        })
    </script>
    
    展开全文
  • jquery 菜单特效简单的div展开收缩菜单类似手风琴的折叠菜... jquery 菜单特效简单的div展开收缩菜单类似手风琴的折叠菜... jquery 菜单特效简单的div展开收缩菜单类似手风琴的折叠菜...
  • jQuery收缩菜单

    2018-01-17 15:23:06
    jQuery收缩菜单,通过网页前端技术实现菜单的展现方式,挺方便的一段代码,复用性高
  • jquery 菜单效果

    2011-10-12 15:53:22
    jquery 菜单效果,三个不一样的效果,看下咯
  • jquery菜单简洁动画

    2018-11-11 19:24:32
    jquery菜单简洁动画
  • jQuery菜单滑动网页特效
  • Superfish是一款Jquery插件,它能非常容易的建立复杂的多级下拉菜单,Superfish使用也非常普遍。你可能用Superfish实现多种菜单效果。
  • ONF-NFB jQuery 菜单 版本:1.2.2 日期:2015-02-06 维基: : Git 存储库: : 标签: : 问题: : 官方主机: : JS CSS 概览/概览 ONF 的 jQuery 菜单插件有助于将菜单集成到 HTML 5 Web 应用程序中。 NFB...
  • Css+JQuery 菜单.rar

    2019-05-26 10:21:03
    Css+JQuery技术:制作一个菜单,可以做成水平菜单,也可以做成垂直菜单,要求: 1) 至少做到二级菜单 2) 两级菜单可以采用不同的布局方式 3) 可以使用JavaScript或其他方式实现菜单项的响应事件
  • jquery 菜单导航

    2016-12-03 19:27:19
    菜单导航 导航 jquery实现的菜单 前端 、 非常容易用的导航插件,很实用漂亮

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 64,725
精华内容 25,890
关键字:

jquery菜单