用css3和jQuery製作縮放圓

Question

我有三個基於百分比寬度的塊級行項目，因此每個項目的寬度都等於瀏覽器窗口的寬度。這很容易。

我需要幫助的是使用jQuery來查找每個項目的寬度並將項目的高度屬性分配爲與寬度相等，這樣無論瀏覽器窗口的寬度如何，項目的寬度和高度是平等的。

一旦寬度和高度相同，就可以很容易地使用css3來製作漂亮的圓圈背景。

Answer 1

var item = $('.item'); 
item.css("height", item.width()); 

$(window).resize(function(){ 
    item.css("height", item.width()); 
}) 

我分配查詢變量，因爲調用的窗口大小調整事件是相當密集。

http://jsfiddle.net/CKLZM/

Answer 2

像這樣的東西？看起來不那麼困難，我可能錯過了一些東西。

$('.circle').each(function(){ 
    var element = $(this); 
    element.height(element.width()); 
})