懸停圖像時如何顯示刪除選項？ ？

Question

我想要刪除選項出現在圖像爲hover.i不知道該怎麼辦it.so傢伙請幫助我，我的看法是這樣的：

<?php include('inc/header.php');?> 

    <div class="main"> 



     <?php 
      foreach ($view as $row) { 
       echo "<div class='grow'>"; 
       echo "<img src='".base_url()."images/".$row->image."' >"; 
       echo "</div>"; 
       }//end for each 

     ?> 




    </div> 
<?php include('inc/footer.php');?> 

我的形象已經徘徊，但不知道如何在圖像中嵌入刪除選項。

Answer 1

添加刪除DIV -

<?php include('inc/header.php');?> 

     <div class="main"> 



      <?php 
       foreach ($view as $row) { 
        echo "<div class='grow'>"; 
        echo "<div class='delete'><a href='#'>delete</a></div>"; 
        echo "<img src='".base_url()."images/".$row->image."' >"; 
        echo "</div>"; 
        }//end for each 

      ?> 




     </div> 
    <?php include('inc/footer.php');?> 

然後在腳本編寫代碼來顯示/隱藏刪除格 -

$('.grow').hover(function() { 
         $(this).find('.delete').show(); 
        }, 

        function() { 
         $(this).find('.delete').hide(); 
        })