2011-12-16 14 views
0

Amazon.co.uksee hereのようなタグクラウドを実装しようとしています。私currenct Javascriptをこの太字/軽タグ付きタグクラウド

var tags = jq.getJSON(baseUrl + '/ajax/populartags', null, function(json){ 
    //create list for tag links 
    jq("<p>").attr("id", "popularTagsList").appendTo("#tagCloud"); 
    //create tags 
    jq.each(json, function(i, val) { 
     //create link 
     a = jq("<a>").text(val.Tag).attr({title:"See all pages tagged with " + val.Tag, href:baseUrl + '/item/tag/' + val.Tag}); 
     a.css("fontSize", (val.Count/10 < 1) ? val.Count/10 + 1 + "em": (val.Count/10 > 4) ? "4em" : val.Count/10 + "em"); 

     //add to list 
     a.appendTo("#popularTagsList"); 
    }); 
}); 

このコードに機能を暗く/ ligtenを追加することが可能であるようなものですか?

+0

あなたの背景が白であると仮定すると、デフォルトで暗くして、サイズと同じアルゴリズムに基づいて不透明スタイルを追加することができます –

答えて

0

私が取るアプローチは、色を調整することだと思います。色を「明るく」するには、その色のRGBコンポーネントのそれぞれの値を増やします。それを暗くするには、値を小さくします。それが意味をなさない場合や詳細なコードサンプルが必要な場合は、コメントを投稿すると、まもなくアップデートが返ってきます。

+0

こんにちはリック、私は本当にCSS /あなたはコードサンプルを提供できますか? – Optimus