小编hgw*_*d92的帖子

您好我有关于布局的问题.

我有一个网站,我填写div信息.这些Div需要彼此相邻,它们之间以及容器div的两侧之间具有相同的空间.我正在为手机制作它所以我不知道屏幕的宽度,它应该在所有不同的屏幕分辨率上看起来很好.

目前我有这个:小提琴:小提琴

HTML:

<div id="container">
<div id="lineout">
<div id="foto"><img src="img/logo_null_image.jpg" /></div>
<div id="foto"><img src="img/logo_null_image.jpg" /></div>
<div id="foto"><img src="img/logo_null_image.jpg" /></div>
<div id="foto"><img src="img/logo_null_image.jpg" /></div>
<div id="foto"><img src="img/logo_null_image.jpg" /></div>
<div id="foto"><img src="img/logo_null_image.jpg" /></div>
<div id="foto"><img src="img/logo_null_image.jpg" /></div>
<div id="foto"><img src="img/logo_null_image.jpg" /></div>
<div id="foto"><img src="img/logo_null_image.jpg" /></div>
<div id="foto"><img src="img/logo_null_image.jpg" /></div>
<div id="foto"><img src="img/logo_null_image.jpg" /></div>
<div id="foto"><img src="img/logo_null_image.jpg" /></div>
<div id="foto"><img src="img/logo_null_image.jpg" /></div>
<div id="foto"><img src="img/logo_null_image.jpg" /></div>
<div id="foto"><img src="img/logo_null_image.jpg" /></div>
<div id="foto"><img src="img/logo_null_image.jpg" /></div>
</div>

​

CSS:

#container {
    text-align: center; …

我有一个动画圈,看起来像这样:

蓝色部分倒计时,例如在10秒内从满到无.橙色圆圈只是一个圆圈.但我想要点击它时圆圈会变小.所以我为圆圈做了一个onclick事件.

circleDraw.node.onclick = function () {
            circleDraw.animate({
            stroke: "#E0B6B2",
            arc: [100, 100, 100, 100, 100]
             }, 500);
            circleDraw.toFront();

};

这是有效的,我已经为两个圆圈制作了它们,它们都变得更小但是,在500毫秒后,蓝色圆圈再次变大,因为蓝色圆圈的计时器得到的参数应该更大.

circleDraw.animate({
    arc: [100, 100, 0, 100, 500]
}, 10000);

因为蓝色圆圈计数10秒,它会再次自动变大.如何让两个圆圈变小但保持定时器倒计时？

我正在考虑停止蓝色圆圈的动画并保存动画的剩余mili秒再次缩小并再次使用剩余的秒数启动动画,但我不知道如何做到这一点.但也许我正在寻找错误的方向,我必须让它与众不同.

谢谢.

我的所有代码:

 /************************************************************************/
/* Raphael JS magic
 *************************************************************************/
var drawTheCircleVector = function(xloc, yloc, value, total, R) {
        var alpha = 360 / total * value,
            a = (90 - alpha) * Math.PI / 180,
            x = xloc + R * Math.cos(a),
            y = yloc - R * Math.sin(a), …