DDR爱好者之家

PHP实现的多彩标签效果代码分享
站长资源 2024/11/27 佚名
13 1538
DDR爱好者之家 Design By 杰米

目前，大家的博客左侧通常加上一个漂亮的多彩标记，也想给自己的小站加一下这个小功能。

可惜已经再不再是使用WordPress的时候那么方便了，使用WordPress的朋友们直接使用现成的插件，鼠标点点就可以加上这个炫彩的功能。小站程序是自个写的，要加这么一个功能还是得自己动手，就当学习吧！

首先，我分析了一下目前多彩标签的主要表现形式，主要有两点：颜色多样，大小不一。这个是多彩标签的特性，于是想到了PHP中的随机函数rand。直接给大小，颜色用rand随机取值就可以。

大小的随机值容易搞定，直接生成后连接单位即可
复制代码 代码如下:
<"font-size:'.$m.'px">随机大小</span>';
"codetitle">复制代码 代码如下:
<?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交互性比较好，可以制作出具有动画效果的云标签。

DDR爱好者之家 Design By 杰米
广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！
DDR爱好者之家 Design By 杰米
ddrfans.com DDR爱好者之家
8,675无损音乐
1,324高清电影
213破解软件
70,141收录资讯

更新日志

友情链接

杰晶网络 DDR爱好者之家 南强小屋 黑松山资源网 白云城资源网
DDR爱好者之家 Design By 杰米