js控制的动画，显示隐藏（元素，动画，显示隐藏）

最新推荐文章于 2024-08-20 19:52:36 发布

cyclv

最新推荐文章于 2024-08-20 19:52:36 发布

阅读量1.1w

点赞数 2

分类专栏： JavaScript 文章标签： show 动画遍历

本文链接：https://blog.csdn.net/weixin_41487694/article/details/79456949

版权

JavaScript 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

前端的页面代码

jq控制的代码

// 鼠标悬浮效果
$('.hwenben').hover(function(){
    $(this).addClass('bacf2')
    },function(){
    $(this).removeClass('bacf2')
})
$('ul li').hover(function(){
    // 动画移动加上显示隐藏
    $(this).children().eq(1).animate({top:'20%'});
    $(this).children().next().next().show().animate({top:'42%'});
    //console.log($(this).children().children())
},function(){
    $(this).children().eq(1).animate({top:'40%'});
    $(this).children().next().next().animate({top:'60%'}).hide();
})