实现多彩标签云：打造视觉冲击力的标签展示效果

人亦已歌

实现多彩标签云：打造视觉冲击力的标签展示效果

实现多彩标签云的效果，包括标签有不同的颜色和字体大小等等，颜色和字体大小都为随机显示，可改变代码来控制其范围。

步骤一

在/include/common.func.php 中加入如下函数，此函数的作用是输出随机的样式，包括font-size和color。

2. function getTagStyle() {
3. $minFontSize=12; //最小字体大小,可根据需要自行更改
4. $maxFontSize=25; //最大字体大小,可根据需要自行更改
5. return 'font-size: ' . ($minFontSize + lcg_value() * (abs($maxFontSize - $minFontSize))) . '; color:#' . dechex(rand(0, 255)) . dechex(rand(0, 196)) . dechex(rand(0, 255));
6. }

复制代码

步骤二

在模板页htm里调用标签时用如下类似的方式。

2. <! -- /下面开始tag标签云 -- >;
3. <div>;
4. <dl>;>;

复制代码

附加说明

如果你想指定只显示几个字体大小，而不是完全随机，请将步骤一中的函数代码替换为：

2. function getTagStyle() {
3. $sizearray = array('8','9','10','11','12','20'); //自定义字体大小
4. return 'font-size: ' . $sizearray[rand(0, count($sizearray))] . '; color:#' . dechex(rand(0, 255)) . dechex(rand(0, 196)) . dechex(rand(0, 255));
5. }

复制代码