JS切换显示隐藏内容

Iris-jing

于 2017-02-24 18:48:51 发布

阅读量489

点赞数

CC 4.0 BY-SA版权

分类专栏： js

本文链接：https://blog.youkuaiyun.com/qq_36155558/article/details/56848519

js 专栏收录该内容

3 篇文章

订阅专栏

本文介绍了一种使用jQuery实现的鼠标悬停效果：当鼠标滑过指定元素A时，显示另一个元素B；当鼠标移出这两个元素时，隐藏元素B。通过这种方式可以改善用户体验并增加网页交互性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

假设鼠标滑过A元素（id ="a"）， B元素(id="b") 显示

鼠标在A、B元素区域时 B元素一直显示

鼠标离开A、B元素区域 B元素隐藏

 $(document).ready(function(){
        $('#a').hover(function() {
            $("#b").css('display', 'block');
        }, function() {
           $("#b").css('display', 'none');
        });
            $("#b").hover(function() {
                $(this).css('display', 'block');;
            }, function() {
                $(this).css('display', 'none');
            });
 })