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

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

我们先定义css代码,代码如下:

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

好了,下一步是php程序了,代码如下:

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

生成的html代码如下:

1. <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.phpfensi.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> 

Tags: php 彩色 云标签

分享到：