Question

html <div>或<span>等标签的属性值随机怎么实现？ dedecms

我用织梦要输出10篇热门文章标题，代码如下：
{dede:artlist orderby='click' row='10'}
<a target="_blank" href="[field:arcurl /]" target="_blank"><span class="orange">[field:title /]</span><i></i></a>
{/dede:artlist}
其中标题样式<span class="orange">[field:title /]</span>,如果不改的话标题样式全是orange颜色的，css里面一共写了red，green，yellow，blue等值，有没有什么方法可以让span 的class值在这几个里面随机赋值？

Answer 1

你可以按照如下方法实现，先增加一个默认的class，然后再循环增加你想要的颜色

假设现在有五种颜色，则代码如下：

<span class="color_span">[field:title /]</span>
$(".color_span").each(function(i, obj){
    var j = Math.floor(Math.random()*5);
    switch(j){
        case 0:
        $(this).addClass("red");
        break;
        case 1:
        $(this).addClass("green");
        break;
        case 2:
        $(this).addClass("yellow");
        break;
        case 3:
        $(this).addClass("blue");
        break;
        default:
        $(this).addClass("orange");
        break;
    }
})