分享好友 教程首页 教程搜索 频道列表

鼠标效果之慢慢下行展开

2022-02-12 15:453590
+关注29
核心提示:效果如标题,用代码测试,当鼠标放到class 值为 my-on 的上面时 ,class 值为 son ...

效果如标题,用代码测试,当鼠标放到class 值为 my-on 的上面时 ,class 值为 son 的慢慢下行展开

$(function() {
    //菜单
	if($(window).width()>768){
        //鼠标划过就展开子菜单
        $('.my-on').hover(function() {
          $(this).find('.son').stop(true, true).slideDown();
        }, function() {
          $(this).find('.son').stop(true, true).slideUp();
        });
   }

});


效果图:

本文标签: #展开 #收缩 #菜单
整理员:小黑
免责声明:凡注明来源本网的所有作品,均为本网合法拥有版权或有权使用的作品,欢迎转载,注明出处。非本网作品均来自互联网,转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。
生成海报
您可能在找更多

jQuery 效果 show() 方法

    测试看代码

网络转载 JavaScript教程2022-01-06

前端开发技术之JS实现类似手风琴左右拉动效果

    JS实现类似手风琴效果效果如下

网络转载 HTML相关 12021-12-23

前端开发技术之JS实现仿某猫的首页菜单展开效果

    效果如下

网络转载 HTML相关2021-12-23

前端开发技术之jQuery实现文章收起与展开效果功能

    实例为大家分享了jQuery实现文章收起与展开功能的具体

网络转载 HTML相关2021-12-22

点击展开再次点击收起

    点击展开再次点击收起,话不多说,看代码

小黑 JS相关2021-11-12

下一篇
我来说两句
抢沙发