如何獲得比其他人更大的實際箱子？

我是JavaScript新手，遇到問題。我希望實際的（函數updateBoxes）框[boxIx]比其他的更大，但我似乎無法找到可用的代碼。我試過盒子[boxIx] .size =「100px」; box [boxIx] .style.size =「100px」;沒有結果。這是我的代碼;如何獲得比其他人更大的實際箱子？

function init() { 

    box = document.getElementById("boxes").getElementsByTagName("div"); 
    for (var i=0; i<box.length; i++) { 
     box[i].style.left = 70*i+"px"; 
    } // End for 

    boxIx = box.length - 8; 
    updateBoxes(); 
} // End init 

function browseLeft() { 
    if (boxIx > 0) boxIx = boxIx - 1; 
    updateBoxes(); 
} 
// End browseLeft 

function browseRight() { 
    if (boxIx < box.length-1) boxIx = boxIx + 1; 
    updateBoxes();} 
// End browseRight 


**function updateBoxes() { 

    box[boxIx].style.backgroundColor ="#CCC"; 
    box[boxIx].style.top = "20px"; 
    box[boxIx].style.zIndex = 9;** 


    var z = 8; 
    for (var i=boxIx-1; i>=0; i--) { 
     box[i].style.backgroundColor ="#666"; 
     box[i].style.top = "0px"; 
     box[i].style.zIndex = z; 
     z = z - 1; 
    } // End for 

    z = 8; 
    for (var i=boxIx+1; i<box.length; i++) { 
     box[i].style.backgroundColor = "#666"; 
     box[i].style.top = "0px"; 
     box[i].style.zIndex = z; 
     z = z - 1; 
    } // End for 
} // End browseLeft

來源

2011-06-15 Sarah

** function updateBoxes（）'可能是一個格式錯誤，但是誰知道？ – thirtydot 2011-06-15 14:48:19

所以你想更新寬度和高度？是否有任何理由不使用'box [boxIx] .style.width = box [boxIx] .style.height =「100px」;'？ – 2011-06-15 14:52:19

由於thirtydot指出的那樣，你有你的示例代碼中的「**」兩個實例，我在假設這在編輯時是一個降價故障已經刪除。

您的示例僅顯示JavaScript代碼。您使用的HTML標記和CSS樣式將是最有幫助的。我創建了一個搗鼓討論，並在這裏爲您解決問題：http://jsfiddle.net/bhofmann/zkZMD/

幾件事我注意到，可能會有所幫助：

您使用在幾個幻數地方。我們可以假設這是盒子的數量？我會將它存儲在一個變量中以供在函數中使用。
您使用了很多直接樣式。如果您使用CSS類來更改框的外觀，那麼您的代碼可能會更乾淨。
除非您改變DIV的默認樣式，否則只需設置左偏移量，您不會看到太多變化。

PS。我冒昧地在頁面加載時調用init函數，因爲我沒有看到其他的東西來調用它。我不知道會調用browseLeft和browseRight，但我會把它留給你。

來源

2011-06-16 21:58:45

如何獲得比其他人更大的實際箱子？

回答

相關問題