站点计数器图像 - 如何使数字适合它

Question

我有上面的图片，我将用作网站计数器。我现在需要获得白色数字，以便我可以使用Jquery增加。

我可以轻松地将数字置于此之上并使用JQUERY增加它但我不确定如何使数字正确地间隔开。例如：前3位数与第4位不同。

有没有人有关于如何获得一个数字的建议 - 比如100万（1000000）到此后面的网站，所以它可以通过JQUERY增加？

三江源

Answer 1

将值放在html无序列表中并应用适当的css属性以获取图像上方的值。之后用jquery增加margin-right第3和第6 li元素来正确对齐元素。使用jquery nth子属性来改变样式：

    $('ul li:nth-child(3n)').addClass('extra-margin-class')

演示：http://jsfiddle.net/gVVAV/4/

  

使用您的图片更新了演示。

Answer 2

将您的每个号码包裹到<span>并提供float:right：

span
{
    padding-left: 3px;
    float: right;
}

最后是jQuery：

$('span').each(function(index){
    if((index+1) % 3 == 0 && index != 0) 
        $(this).css('padding-left', '20px');
});

jsfiddle example

请记住：你必须以其他方式传递你的号码。