jquery - サイトカウンター画像-数字をそれに合わせる方法

Question

上記の画像をサイトカウンターとして使用します。これに加えて、Jqueryでインクリメントできる白い数字を取得する必要があります。

この上に数字を簡単に追加してJQUERYでインクリメントできますが、数字を正しく配置する方法がわかりません。例：最初の3桁の距離は4桁目とは異なります。

誰かが番号を取得する方法についてアドバイスがありますか？この背後にあるサイトに100万（1000000）と言うと、JQUERYで増分できますか？

ありがとうございました

Answer 1

値を html 順不同リストに入れ、適切な css プロパティを適用して画像の上の値を取得します。その後、3番目と6番目のli要素のjqueryインクリメントmargin-rightを使用して、要素を正しく整列させます。jquery n 番目の子プロパティを使用してスタイルを変更します。

    $('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 の例

覚えておいてください: 番号を逆に渡す必要があります。