jquery - 站点计数器图像 - 如何将数字放入其中

Question

我有上面的图像，我将用作站点计数器。我现在需要得到白色数字来坐在上面，我可以用 Jquery 增加。

我可以很容易地在上面放一个数字并用 JQUERY 增加它，但我只是不确定如何让数字正确间隔。例如：前 3 位距离与第四位不同。

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

谢谢你

Answer 1

将值放入 html 无序列表并应用适当的 css 属性以获取图像上方的值。之后使用 jquery 增加第 3 和第 6 li 元素的 margin-right 以正确对齐元素。使用 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 示例

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