我不明白以下腳本

由於我是jQuery新手，我發現這個腳本對我的項目很有用。我想淡化容器內的圖像。我不明白以下腳本

<script type="text/javascript"> 
    $(document).ready(function(){ 
     $("#collage-container img").mouseover(function(){ 
      $("#collage-container img").css("z-index",1); 
      $(this).css("z-index",999); 
     $(this).fadeOut(100,function(){ $(this).fadeIn(1000); }); 
     }); 
    }); 
</script>

很難理解第4行和第5行。第5行是圖像嗎？

來源

2012-03-17 Praveen Babu

如果我想在畫廊中放置多個圖像，應該怎麼做。任何人都可以提供示例代碼爲我的查詢 – 2012-03-17 15:36:42

我想你需要閱讀[jQuery工程]（http://docs.jquery.com/Tutorials:How_jQuery_Works）和[CSS選擇器]（http：//www.w3。 org/TR/CSS2/selector.html），絕對最小。理想情況下，首先閱讀CSS選擇器，然後轉到jQuery。 – 2012-03-17 15:36:55

這不是PHP，即使您可能使用PHP來提供該頁面。 – 2012-03-17 15:37:33

第4行設置z-index屬性，它與圖層有關。具有較高z-索引的圖層將流過具有較低z-索引的圖層。 z-index 1是一個較低的值，所以我猜圖像被推到後面。但我也認爲第5行的this指的是相同的元素，因此它立即被指定爲999的z索引（這是相當高的）。

這看起來有點不敏感，但也許這是一個解決方案的一些錯誤？

來源

2012-03-17 15:37:38 Halcyon

LINE4：匹配的圖像#collage-container img的z索引設置爲1。
LINE5：此是指在這種情況下#collage-container img;將z索引設置爲999.

這些行是mouseover函數的一部分。

來源

2012-03-17 15:37:57 Smamatti

首先看第3行，它說：「當鼠標移動到collage-contatiner中的圖像上時，該函數將被執行。」

第4,5,6行是在函數裏面，這個裏面的函數引用了引發函數的元素（在這裏是圖片）。第5行說，將z-index設置爲999，將圖像放在前面。

來源

2012-03-17 15:40:40

$(this)在回調函數中是$("#collage-container img")，你可以像下面那樣重寫你的代碼。順便說一句，line4沒有意義，它將z-index設置爲1，但line 5將z-index再次設置爲999.

$(document).ready(function() { 
     $("#collage-container img").mouseover(function() { 
      $(this).css("z-index", 999).fadeOut(100, function() { 
       $(this).fadeIn(1000); 
      }); 
     }); 
    });

來源

2012-03-17 15:41:05 xdazz

謝謝大家..我需要了解更多 – 2012-03-17 15:55:12

我不明白以下腳本

回答

相關問題