jq 点击显示隐藏

最新推荐文章于 2024-07-15 20:12:10 发布

原创最新推荐文章于 2024-07-15 20:12:10 发布 · 266 阅读

1 ·

CC 4.0 BY-SA版权

js 同时被 2 个专栏收录

15 篇文章

订阅专栏

8 篇文章

订阅专栏

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
    </head>
<style>
        .Albuum{border:1px solid red;width:1200px;height:350px ;margin: auto;}
</style>
    <body>
            <div class="Albuum">
               <div class="pop-close" style="position:relative;">
                  <a href="javascript:void(0);" style="right: -38px;position: absolute;line-height: 34px;width: 35px;height: 35px;border-radius: 8px;text-align:center;color:#fff;background:red;border:1px solid red;">关闭</a>
                </div>
            </div>
             <a href="javascript:void(0);" class="zhibo" style="display:none;" ><span style="width:150px;">点我点我</span></a>
    </body>
</html>
<script src="js/jquery-1.7.1.min.js" type="text/javascript" ></script>

<script>

$(document).ready(function() {
     $('.pop-close').click(function () {
            $('.Albuum').hide();
            $('.zhibo').show();
        });
        $('.zhibo').click(function () {
            $('.Albuum').show();
            $('.zhibo').hide();
        });
});

</script>