Javascript 使用粗体/浅色标记标记云
我正在尝试实现一个标签云,比如Javascript 使用粗体/浅色标记标记云,javascript,jquery,tag-cloud,Javascript,Jquery,Tag Cloud,我正在尝试实现一个标签云,比如Amazon.co.uk。我的currenct javascript是这样的 var tags=jq.getJSON(baseUrl+'/ajax/populartags',null,函数(json){ //为标记链接创建列表 jq(“”).attr(“id”,“popularTagsList”).appendTo(“#tagCloud”); //创建标签 每个(json,函数(i,val){ //创建链接 a=jq(“”).text(val.Tag).attr({
Amazon.co.uk
。我的currenct javascript是这样的
var tags=jq.getJSON(baseUrl+'/ajax/populartags',null,函数(json){
//为标记链接创建列表
jq(“”).attr(“id”,“popularTagsList”).appendTo(“#tagCloud”);
//创建标签
每个(json,函数(i,val){
//创建链接
a=jq(“”).text(val.Tag).attr({title:“查看所有带有“+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”);
//添加到列表中
a、 附于(“#人口名单”);
});
});
是否可以在代码中添加亮显/暗显功能?我认为应该采取的方法是调整颜色。为了“照亮”颜色,增加该颜色的每个RGB分量的值。要使其“变暗”,请减小值。如果这没有意义,或者如果你想要一个详细的代码示例,请发表评论,我很快会回来更新。假设你的背景是白色的,你可以在默认情况下将其设置为黑色,并根据与sizeHi Rick相同的算法添加不透明样式,在css/颜色等方面,我真的没有这样的经验。如果你不介意的话,你能提供一个代码示例吗?
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");
});
});