北极寒流 » 网络资源 » 实现随机css样式表技巧 - 2012.03.13

实现随机css样式表技巧

今天有网友询问有没办法实现随机css样式表的办法,很遗憾,本人非技术流,可以说对网页制作是八窍通了七窍。后来还是网友自己找到相关代码,顺便还发给我瞧瞧,考虑到自己以后也许用的着,收藏并分享之。

其实实现随机css样式表的办法很简单,即利用php的rand函数

<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}

.....如此类推

用此原理换css样式的技巧还能用到很多地方,如随机更换背景、li的隔行换色、文章标题的随机颜色,博客的随机加载样式....无限yy,无限想象

原文

13

实现随机css样式表技巧

分享到:

最受欢迎的

  • N/A