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

2012-01-02 • 伪技术 • by Nornor Chen

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

以前在新铭志那里写过一篇文章《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,无限想象。

« 2011年12月简记

啐啐念之主机热typecho主题 »