在如今的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 云标签的演示效果,如下图: