2011-12-16 2 views
0

Amazon.co.uksee here과 같은 태그 클라우드를 구현하려고합니다. 내 currenct 자바 스크립트는이 코드에 기능을 어둡게/ligten 추가 할 수 있습니다이굵은/밝은 태그가있는 태그 구름

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"); 
    }); 
}); 

처럼?

+0

배경이 흰색이라고 가정하면 기본적으로 어둡게 만들 수 있고 크기와 같은 알고리즘을 기반으로 불투명도 스타일을 추가 할 수 있습니다. –

답변

0

나는 색상을 조정하는 것이 접근 방법이라고 생각합니다. 색상을 밝게하려면 해당 색상의 RGB 구성 요소 각각에 대한 값을 늘리십시오. 그것을 "어둡게하려면"값을 줄이십시오. 그게 의미가 없거나 상세한 코드 샘플을 원한다면 코멘트를 게시하면 곧 업데이트 될 것입니다.

+0

안녕하세요 릭, CSS/색상 등은 정말 그 경험이 아닙니다. 마음, 당신은 코드 샘플을 제공 할 수 있습니까? – Optimus

관련 문제