php制作漂亮的随机颜色标签云效果

2019-10-25 23:33:45

用php代码渲染出标签云 ,虽然不好看,但有益于seo优化。其实也不差这个优化。

下面我们看看如何生成不。

之前做随机色标签云都是用JS写的,JS写就是有个问题,太消耗服务器了,每次刷新的颜色也都不一样。今天发现了用PHP制作随机色标签云的代码,分享给大家,学会了可以套用到各种地方。

PHP制作随机色标签云代码

<?
srand((float) microtime() * 10000000);
$input = array("8b90c4","ee96e","81fa17);
$rand_keys = array_rand($input, 2);
$input1 = array("8","13","12");
$rand_f = array_rand($input1, 2);
echo '<a target="_blank" href="#" style="color:#'.$input[$rand_keys[0]].';font-size: '.$input1[$rand_f[0]].'pt;;">'.$bqr['tagname'].'</a>';
?>

代码中的array里面的字符串就是各种随机色的编码,大家可以根据自己的需求来配置颜色。

然后input1里面是字体大小的随机代码,也可以自行修改。


  • 2020-03-03 09:46:42

    JS实现HTML标签转义及反转义

    简单说一下业务场景,前台用户通过input输入内容,在离开焦点时,将内容在div中显示。 这时遇到一个问题,如果用户输入了html标签,则在div显示中,标签被解析。 由于是纯前端操作,不涉及后端,因此需要通过js对输入内容进行转义。

  • 2020-03-03 09:51:38

    写一个可插入自定义标签的 Textarea 组件

    为了实现这个功能,我最先想的是改造一个 <textarea> 然后我想到了 contenteditable (链接指向 mozilla.org) 这一属性 这是一个 html5 的属性,可以让元素内容可编辑

  • 2020-03-03 20:18:21

    Vuepress如何做到在 Markdown 中使用 Vue 语法

    在 vuepress 刚出时,我就觉得这是个很值得追更的开源项目。果不其然,里面众多的前端编程技巧让我受益良多。 于是在周末这种日子里,人家追剧我追码。 今天,我就和大家分享下 vuepress 是如何做到在 Markdown 中使用 Vue 语法的。