通過在查詢中傳遞兩個id來淡入div

我試圖創建一個帶有隱藏圖像的div的行，當middot上的moused會淡出，圖像會淡入，然後當鼠標離開div時淡出。我知道我需要在jQuery中使用.hover函數做些什麼。通過在查詢中傳遞兩個id來淡入div

例如

<div id='1_1'> 
&midddot; 
<img src='image1_1.jpg' style='display:none'> 
</div> 
<div id='1_2'> 
&midddot; 
<img src='image1_2.jpg' style='display:none'> 
</div> 
<div id='1_3> 
&midddot; 
<img src='image1_3.jpg' style='display:none'> 
</div>

每個格將代表物品的頁。所以，其中id ='1_3'，那將是第1行，第3頁或id ='1_1'將是第1行，第1頁。

只是不確定如何構建jquery以完成此操作。

僅供參考，我使用php/mysql輸出信息。所以上面的代碼將會是「while」語句中的一個循環。後續循環會增加行號（id =「2_1」，「2_2」等）。

感謝您的任何建議。

來源

2011-07-19 Andelas

效果添加類到您的div，使他們更容易在jQuery的選擇。

<div id='1_1' class='fade'> 
    &midddot; 
    <img src='image1_1.jpg' style='display:none'> 
</div> 
<div id='1_2' class='fade'> 
    &midddot; 
    <img src='image1_2.jpg' style='display:none'> 
</div> 
...

然後使用懸停功能：

<script type="text/javascript"> 
    $(document).ready(function() { 
     $("li.fade").hover(function(){ 
      $("img", this).fadeIn(); 
      $("img", this).fadeOut(); 
     }); 
    }); 
    </script>

來源

2011-07-19 00:44:16 Tomm

使用mouseenter()和mouseleave()與和fadeIn()沿着像this

來源

2011-07-19 00:42:29 vinceh

通過在查詢中傳遞兩個id來淡入div

回答

相關問題