Question

当image1 image2上的鼠标覆盖想要在image2的右下角出现一个关闭（X）按钮时，我有一个image1。如果我点击关闭按钮，image2将消失，image1想要出现。

Answer 1

你的ans。在这里

jsfiddle.net/istvanv/uQj7t/28 /

替换鼠标悬停以单击

Answer 2

这是一个基本的例子..

<强> HTML：

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
    <div>
      <img id="main" src="http://www.clayton.edu/portals/53/images/icon_Google_Chrome.png"/>
    </div>
    <div id="overlay">
      <div id="close"> X </div>
      <img  src="http://rocketdock.com/images/screenshots/Google-Chrome-Icon-3.png" />   
    </div>

<强> CSS：

#overlay {
 position: absolute;  
 top: 0;
 display:none;
}

#main {   
   margin-top: 10px; 
}

#close{
  float:right;   
}

<强>使用Javascript：

 $(document).ready(function() {
    $("#main").mouseenter(function() {
               $("#overlay").show();
               $("#main").hide();
    });
    $("#close").click(function() { 
               $("#overlay").hide();
               $("#main").show();
    });
 });

<强> JSFIDDLE DEMO

如何在jquery中单击设置div的叠加

2 个答案: