标签随机颜色的展示

//调用热门标签的列表接口
       $.ajax({
           url: getv1 + ‘/index/tag/hotTags‘,
           type: ‘GET‘,
           dataType: ‘json‘,
           data: { inscode: jxinscode },
           success: function(res) {
               var labellen = res.data.length;
               if (labellen > 0) {
                   var lalist = "";
                   for (var i = 0; i < labellen; i++) {
                       var laname = res.data[i].name; //标签名称
                       var latimes = res.data[i].times; //标签使用次数
                       lalist += ‘<span class="label">‘ + laname + ‘<span>(‘ + latimes + ‘)</span></span>‘;

                   }
                   $(".labellist").append(lalist);
                   //标签颜色随机显示
                   var labelindex = $(".label").length;
                   var colorList = ["#9dc6eb", "#f8c471", "#b9a3ef", "#fdb1ca", "#9dc6eb", "#f8c471", "#b9a3ef", "#fdb1ca"];
                   for (var i = 0; i < labelindex; i++) {
                       var bgColor = getColorByRandom(colorList);
                       $(".label").eq(i).css("background", bgColor);
                   }

                   function getColorByRandom(colorList) {
                       var colorIndex = Math.floor(Math.random() * colorList.length);
                       var color = colorList[colorIndex];
                       colorList.splice(colorIndex, 1);
                       return color;
                   }
               }
           },
           error: function(res) {

           }
       });

  

时间: 2024-10-28 20:42:25

标签随机颜色的展示的相关文章

【JavaScript】产生随机颜色

如果要做出如下效果,每次刷新网页则产生一种颜色, 其实非常简单,产生随机颜色的根本核心就是随机构造出一个六位数,JavaScript的随机数的问题 而且这个六位数的每一个数位0~f之内,因此就有了如下的方法: 1.首先是一个HTML布局,p标签是是用来放当前颜色的,div的背景颜色就是这个颜色 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd&

通配符与标签!important的背景展示,也是让我怀疑人生了

是谁在耳边对我说!important提升权重优先级,只为这一句,我用了3600s研究通配符与标签!important的背景展示,也是让我怀疑人生了!选择器权值:标签选择器1,类选择器和伪类选择器:10,ID选择器:100,通配符选择器:0,行内样式:1000,!important 在一定条件下,优先级最高.根据百度官方介绍body是用在网页中的一种HTML标签,那就说明它是个标签呀,然而通配符选择器(曾怀疑*不是,不过通配符选择器介绍)和标签body同时定义页面背景色,展示的却是通配符定义的,咋

随机颜色的多种写法

今天给大家讲讲随机颜色怎么来实现.以下是我的两种方法: 方法一: 十六进制随机颜色:字符串的拼接; js: function ranColor(){ var colors="#"; for(var i=0; i<6;i++){ colors=colors+Math.floor(Math.random()*16).toString(16); } return colors; } var oDiv=document.getElementById('div'); oDiv.style.

C#取得随机颜色

C#取得随机颜色的方法.分享给大家供大家参考.具体实现方法如下: 复制代码代码如下: public string GetRandomColor(){        Random RandomNum_First = new Random((int)DateTime.Now.Ticks);        //  对于C#的随机数,没什么好说的        System.Threading.Thread.Sleep(RandomNum_First.Next(50));        Random R

JS中取整以及随机颜色问题

前言:感觉自己已经好久好久没有写博客了,最近都是在写在线笔记比较多.现在来到新公司了,昨天刚刚完成一个项目所以今天有空研究研究一下前端方面的技术.下午在看一个游戏代码的时候,发现了几个别人留下的不错的代码小技巧.譬如说取整问题,随机颜色问题.其实这些问题都不大,但是仔细研究一下还是别有洞天,对于提高前端开发方面的理解还是很有帮助的. 取整问题: 1.常规方法: Math.floor(x),返回小于等于x,且最接近x的整数:   Math.floor(1.2);//1 Math.floor(-2.

随机颜色,使程序崩溃提醒

// 随机颜色 - (UIColor*)randomColor { CGFloat r = arc4random() % 256 / 255.0; CGFloat g = arc4random() % 256 / 255.0; CGFloat b = arc4random() % 256 / 255.0; return [UIColor colorWithRed:r green:g blue:b alpha:1]; } 调用:[[self randomColor] set]; 使程序崩溃提醒 i

随机颜色的产生

1.产生随机颜色: -(UIColor *)randomColor{  //产生随机颜色 static BOOL seed = NO; if (!seed) { seed = YES; srandom(time(NULL)); } CGFloat red = (CGFloat)random()/(CGFloat)RAND_MAX; CGFloat green = (CGFloat)random()/(CGFloat)RAND_MAX; CGFloat blue = (CGFloat)random

随机颜色-js

function ramColor() {            return '#' + ('00000' + (Math.random() * 0x1000000 << 0).toString(16)).slice(-6);        } 随机颜色-js,布布扣,bubuko.com

a标签默认颜色

<span style="color:#0070b8">test</span> #0070b8可以达到仿a标签默认颜色的效果