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

我们定义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="/tags.php/%B1%E9%C0%FA%C4%BF%C2%BC/"><span class="tag11">遍历目录</span></a><a href="/tags.php/php+date/"><span class="tag7">php date</span></a><a href="/tags.php/mysql%CA%FD%BE%DD%BF%E2%D3%C5%BB%AF/"><span class="tag3">mysql数据库优化</span></a><a href="/tags.php/%CD%BC%C6%AC%B4%F3%D0%A1/"><span class="tag12">图片大小</span></a><a href="/tags.php/%D1%E9%D6%A4%B5%C7%C2%BC/"><span class="tag11">验证登录</span></a><a href="/tags.php/%CE%C4%BC%FE%CF%C2%D4%D8/"><span class="tag3">文件下载</span></a><a href="http://www.phprm.com//tags.php/js+%D5%FD%D4%F2%B1%ED%B4%EF%CA%BD/"><span class="tag6">js 正则表达式</span></a><a href="/tags.php/php%CA%FD%D7%E9/"><span class="tag7">php数组</span></a><a href="/tags.php/php+ajax/"><span class="tag4">php ajax</span></a>

本文地址：http://www.phprm.com/develop/fs3363.html

转载随意，但请附上文章地址:-)