Question

所以我想要做的就是点击一个覆盖的“介绍”div，以便该人可以访问下面的div。我不是jQuery AT的主人，所以我真的需要帮助。我的代码是：

 <!-- OVERLAY  INTRO  -->
<div class="button animated slideInLeft"  id="introbox"  style="width:1000px;"  align="center">
    <h1>Welcome</h1>
    <p class="secondaryheadertext">Blah blah blah</p>
    <div align="center">
        <img title="Cofffee Bean" src="images/cfblogo1.png" id="cfblogo1">
    </div>
    <!-- UNDERLAYING MAIN BIT  -->
    <div id="main">
        [WHATEVER IS BEHIND GOES IN HERE]
    </div>

Answer 1

这可以解决这个问题吗？

$(function(){
    var $intro = $("#introbox");
    $(document).bind('click', function(){
        $intro.fadeOut('fast');
    });
});

这是fiddle

Answer 2

您可以在页面中添加对jquery的引用。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

然后在您的脚本块中添加以下代码。这是假设你想点击内容来淡化。

$(document).ready(function(){
   $('#introbox').on('click', function(){
       $(this).fadeOut('slow');
   });
});

Answer 3

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

<script type="text/javascript">
$(document).ready(function(){
   $('#introbox').click(function(){
       $(this).fadeOut('slow');
   });
});
</script>

我如何淡化一个重叠的div，然后增加另一个div的不透明度点击后面

3 个答案: