在如今的php网站中,云标签的大量应用,使页面显得生效而有趣,也增加了相关内容的索引与检索。
本节分享一段php 云标签的实现代码,有兴趣的朋友,可以研究下。
1,css代码部分
<style type="text/css">
#tagcloud{
color: #dda0dd;
font-family: Arial, verdana, sans-serif;
width:200px;
border: 1px solid black;
text-align: center;
}
#tagcloud a{
color: green;
text-decoration: none;
text-transform: capitalize;
}
</style>
2,php 云标签的展示部分
<div id="tagcloud">
<?php
/** this is our array of tags
* We feed this array of tags and links the tagCloud
* class method createTagCloud
*/
$tags = array(
array('weight' =>40, 'tagname' =>'tutorials', 'url'=>'http://www.jb200.com/tutorials/'),
array('weight' =>12, 'tagname' =>'examples', 'url'=>'http://www.jb200.com/examples/'),
array('weight' =>10, 'tagname' =>'contact', 'url'=>'http://www.jb200.com/contact/'),
array('weight' =>15, 'tagname' =>'quotes', 'url'=>'http://www.jb200.com/quotes/'),
array('weight' =>28, 'tagname' =>'devel', 'url'=>'http://www.jb200.com/phpdev/'),
array('weight' =>35, 'tagname' =>'manual', 'url'=>'http://www.jb200.com/en/index.html'),
array('weight' =>20, 'tagname' =>'articles', 'url'=>'http://www.jb200.com/articles/'),
);
/*** create a new tag cloud object ***/
$tagCloud = new tagCloud($tags);
echo $tagCloud -> displayTagCloud();
?>
</div>
</body>
</html>
<?php
/**
* php 云标签类
* by www.jb200.com
*/
class tagCloud{
/*** the array of tags ***/
private $tagsArray;
public function __construct($tags){
/*** set a few properties ***/
$this->tagsArray = $tags;
}
/**
*
* Display tag cloud
*
* @access public
*
* @return string
*
*/
public function displayTagCloud(){
$ret = '';
shuffle($this->tagsArray);
foreach($this->tagsArray as $tag)
{
$ret.='<a style="font-size: '.$tag['weight'].'px;" href="'.$tag['url'].'">'.$tag['tagname'].'</a>'."n";
}
return $ret;
}
} /*** end of class ***/
?>
php 云标签的演示效果,如下图:
