2011-12-16 4 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/colors и т. Д. Не могли бы вы предоставить образец кода? – Optimus

Смежные вопросы