用php-rand方法实现随机数换css样式

正在做一款主题,使用到一点小技巧希望在这里分享一下。

以前在新铭志那里写过一篇文章《typecho实现随机颜色标签云》也是用到rand方法对rgb的三个参数进行随机。其实原理一样。

<a class="alltag tagstyle<?php echo(rand(0,5)); ?>" href="<?php $tags->permalink();?>">
<?php $tags->name(); ?>
</a>

根据上面代码可以知道<a>可能产生的样式有六种

<a class="alltag tagstyle0"></a>

<a class="alltag tagstyle1"></a>

tagstyle2,tagstyle3,tagstyle4,tagstyle5

针对此dom结构在样式表再写不同的样式

css再定义tagstyle0,1,2,3...即可

a.alltag{float:left;padding:5px;margin:4px;color:#fff;}

.tagstyle0{background:#a8d433}

.tagstyle1{background:#fdda2c}

.....如此类推

用此原理我也实现了一个彩色标签云:

Typecho标签云

后记:

使用rand方法换css样式的技巧还能用到很多地方,如li的隔行换色,文章标题的随机颜色,博客的随机加载样式....无限yy,无限想象。

用php-rand方法实现随机数换css样式

7 条用户评论。
  1. 评论 发表时间:01-02 20:43 1楼

    沙发,我是为了主题的整体性,不加这个,不过也顶下你。

    1. 评论 发表时间:01-02 21:52

      回复 @飞天舞 萝卜青菜各有所爱,哈,我发现太多花样也不是好东西。新弄一个主题虽然没啥图片,都是一堆颜色,但是也觉得太花俏了。哈哈

  2. 评论 发表时间:01-03 00:39 2楼

    能不能提前告知一下,这个主题是Typecho版的吗?

    1. 评论 发表时间:01-03 01:15

      回复 @电影音乐下载 不告知了,搞不好搁浅了呢。是typecho的,小主题而已,木期待木期待...哈哈

  3. 评论 发表时间:01-10 01:02 3楼

    其实 Typecho 有内置了一种根据 tag 数量筛选的函数
    比如:
    假如要输出不同样式的话,直接在 class 中假如这个函数即可

    1. 评论 发表时间:01-18 20:01

      回复 @蚂蚱 typecho还有很多神奇的东西。不过还是很期待新版

  4. 评论 发表时间:01-10 01:03 4楼

    过滤掉了?

添加新评论 »