如何使实际盒子比其他盒子大?

| 我是javascript新手,但遇到了问题。我希望实际的(功能updateBoxes)框[boxIx]大于其他框,但我似乎找不到有效的代码。我尝试过box [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
    
已邀请:
        正如三十点指出的那样,假设在编辑时这是一个markdown故障,我已经删除了示例代码中的两个“ **”实例。 您的示例仅显示JavaScript代码。您正在使用的HTML标记和CSS样式将最有帮助。我创建了一个小提琴供讨论,并在此处为您解决:http://jsfiddle.net/bhofmann/zkZMD/ 我注意到一些可能会有所帮助的事情: 您在一些地方使用了8号魔幻数字。我们可以假设这是箱数吗?我会将其存储在用于函数的变量中。 您使用了很多直接样式。如果使用CSS类更改框的外观,则代码可能会更干净。 除非您要更改DIV的默认样式,否则只需设置左偏移量就不会有太大变化。 PS。我可以自由地在页面加载时调用init函数,因为我什么也看不到要调用它。我不知道什么会调用browserLeft和BrowseRight,但我将留给您。     

要回复问题请先登录注册