2011-12-16 43 views
0

我試圖實施標籤雲,如Amazon.co.uksee here。我的均流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

假設你的背景是白色的,你可以在默認情況下使它變暗,並且基於與尺寸 – 2011-12-16 21:39:45

回答

0

我認爲採取的方法是調整顏色。爲了「淡化」顏色,請增加該顏色的每個RGB分量的值。要「變暗」它,減少值。如果這沒有意義,或者如果您想要詳細的代碼示例,請發表評論,我會盡快回復更新。

+0

相同的算法添加不透明度樣式Hi Rick,對於CSS /顏色等,我真的不是那種體驗。如果你不'不介意,你能提供一個代碼示例嗎? – Optimus 2011-12-16 21:50:06