今天对网站进行一个改正了发现网站有一块空的地方，想了半天发现很多博客有云标签了，想想了自己也来实现这个功能吧，下面我就以本站首页效果为例子来给大家介绍一下php 彩色云标签实现程序，有兴趣的朋友不防进入参考。

在网上找了很多发现都是wordpress的居我我的系统是自己写的所以没有合适的，来想自己想了一下原理非常的简单

我们定义10个不这彩色css然后再由程序随机生成不同样式名，这样就可以了，具体实现如下。

我们先定义css代码

.tag{ margin:0 0 20px; width:230px; height:234px;padding:10px; line-height:28px; overflow:hidden;}
.tag a{ padding:5px;}
.tag1{ font-size:12px;}
.tag2{ font-size:12px; color:#C60;}
.tag3{ font-size:12px; color:#F30;}
.tag4{ font-size:15px;}
.tag5{ font-size:15px; color:#090;}
.tag6{ font-size:15px; color:#990;}
.tag7{ font-size:18px;}
.tag8{ font-size:18px; color:#06F;}
.tag9{ font-size:18px; color:#09F;}
.tag10{ font-size:20px; }
.tag11{ font-size:20px; color:#6C0}
.tag12{ font-size:20px; color:#F96}

好了，下一步不是php程序了

function getKeyZt($s,$e)
{
    $sql = "select title from 你的数据表 order by  RAND() desc limit $s,$e";
    $result=mysql_query($sql) or die(mysql_error());
    while($rs=mysql_fetch_array($result))
    {
        //$c = 
        $class ='tag'.rand(1,12);
        echo '<a href="/tags.php/'.urlencode($rs['title']).'/"><span class="'.$class.'">'.$rs['title'].'</span></a>';
    }
}

生成的html代码如下

<a href="http://www.phprm.com/tag/遍历目录/"><span class="tag11">遍历目录</span></a><a href="http://www.phprm.com/tag/php date/"><span class="tag7">php date</span></a><a href="http://www.phprm.com/tag/mysql数据库优化/"><span class="tag3">mysql数据库优化</span></a><a href="http://www.phprm.com/tag/图片大小/"><span class="tag12">图片大小</span></a><a href="http://www.phprm.com/tag/验证登录/"><span class="tag11">验证登录</span></a><a href="http://www.phprm.com/tag/文件下载/"><span class="tag3">文件下载</span></a><a href="http://www.phprm.com/http://www.phprm.com/tag/js 正则表达式/"><span class="tag6">js 正则表达式</span></a><a href="http://www.phprm.com/tag/php数组/"><span class="tag7">php数组</span></a><a href="http://www.phprm.com/tag/php ajax/"><span class="tag4">php ajax</span></a>

教程地址：http://www.phprm.com/code/62355.html

欢迎转载！但请带上文章地址^^