PHP实现的多彩标签效果代码分享
网络编程 2021-07-05 09:50www.168986.cn编程入门
这篇文章主要介绍了PHP实现的多彩标签效果代码分享,经常可以看到一些博客中的标签(TAGS)页面是彩色的效果展现,本文就给出了实现这个功能的PHP代码,需要的朋友可以参考下
目前,大家的博客左侧通常加上一个漂亮的多彩标记,也想给自己的小站加一下这个小功能。
可惜已经再不再是使用WordPress的时候那么方便了,使用WordPress的朋友们直接使用现成的插件,鼠标点点就可以加上这个炫彩的功能。小站程序是自个写的,要加这么一个功能还是得自己动手,就当学习吧!
,我分析了一下目前多彩标签的主要表现形式,主要有两点颜色多样,大小不一。这个是多彩标签的特性,于是想到了PHP中的随机函数rand。直接给大小,颜色用rand随机取值就可以。
大小的随机值容易搞定,直接生成后连接单位即可
代码如下:
<?php
// 随机大小实例
$m = rand(20,30);
echo '<span style="font-size:'.$m.'px">随机大小</span>';
?>
生成颜色值稍微麻烦一些,因为颜色值是十六进制字符表现形式,而随机函数rand不能直接生成 0 到 F 这么用,直接用数组保存十六进制字符,然后随机生成鼠标下标这样也可以实现随机颜色
代码如下:
<?php
// 随机颜色函数
// 直接返回随机生成的色值
function getColor(){
// 先用数组把十六进制字符保存在一个数组中
$arr = array('0','1','2','3','4','5','6','7','8','9','A','B','C','D','E','F');
// 因为颜色色值长度是6位,所以循环6次
for($i=0;$i<6;$i++){
// 随机生成0到15数字,然后当作数组下标取值即可
$color .= $arr[rand(0,15)];
}
// 返回的时候,把#号加上
return ‘#'.$color;
}
?>
随机大小,随机颜色搞定后剩下的都不是问题的问题了。直接取出所有标签然后去重,然后遍历数组生成HTML文本即可。
提点建议,毕竟PHP是服务器端,每次都rand会让服务器鸭梨不小(那些特牛的机器可以忽略不计,毕竟目前用VPS的还是众多)。我们可以在博客的标签在发生变动的时候再生成即可,比如删除,修改,增加文章产生新的标签时候我们再去生成多彩标签的HTML文本。这些生成的多彩签HTML没必要存进数据库,直接保存在在一个文件里,然后include即可。
目前,我的小站就是这么实现的。有空,我再介绍JavaScript实现多彩标签,原理也差不多一样,只不过是JavaScript是客户端行为,不用担心服务器端的鸭梨,而且JavaScript交互性比较好,可以制作出具有动画效果的云标签。
编程语言
- 如何快速学会编程 如何快速学会ug编程
- 免费学编程的app 推荐12个免费学编程的好网站
- 电脑怎么编程:电脑怎么编程网咯游戏菜单图标
- 如何写代码新手教学 如何写代码新手教学手机
- 基础编程入门教程视频 基础编程入门教程视频华
- 编程演示:编程演示浦丰投针过程
- 乐高编程加盟 乐高积木编程加盟
- 跟我学plc编程 plc编程自学入门视频教程
- ug编程成航林总 ug编程实战视频
- 孩子学编程的好处和坏处
- 初学者学编程该从哪里开始 新手学编程从哪里入
- 慢走丝编程 慢走丝编程难学吗
- 国内十强少儿编程机构 中国少儿编程机构十强有
- 成人计算机速成培训班 成人计算机速成培训班办
- 孩子学编程网上课程哪家好 儿童学编程比较好的
- 代码编程教学入门软件 代码编程教程