今天對網站進行一個改正了發現網站有一塊空的地方,想了半天發現很多博客有云標簽了,想想了自己也來實現這個功能吧,下面我就以本站首頁效果為例子來給大家介紹一下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.survivalescaperooms.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>