Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/431.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用粗体/浅色标记标记云_Javascript_Jquery_Tag Cloud - Fatal编程技术网

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