在JavaScript中合并图像

Question

我得到其与3个图像制成的侧杆(固定在右侧), ,Top.png,.Mid.png Bot.png我想知道是否有办法在运行时加载这3个图像并创建/合并到新的(sideBar.png),而不将其保存到HD.

问题的关键是,因为我不知道屏幕的高度,我把中秋节图像多次,因为它需要填补之间的空间Top.png和Bot.png.

使用:

• 使用Javascript
• HTML 5
• CSS 3

编辑:和CSS,它对所有3个部分都是一样的......它只改变了网址,名称和位置:

$("#Mid").animate({right: "-230px",}, 500 );
$("#Top").animate({right: "-230px",}, 500 );
$("#Bot").animate({right: "-230px",}, 500 );


#Bot {
        position: absolute;
        top:495; 
        right:0;
        width: 230px;
        height: 35px;
        background-image: url(/images/Bot.png);
    }

Answer 1

这似乎是不必要的.我建议使用CSS属性repeat-y并以图像将网格化的方式构建HTML和CSS结构.这不是JavaScript的目的.