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-04-01 10:15:11

    vue-cli3.0中vue.config.js的基本配置(去除esLint提示和解决build后静态文件路径报错)

    vue-cli是开发vue项目必不可少的脚手架工具,3.0版本之前的目录结构是由config目录的,关于webpack配置的文件都放在该目录里面,而3.0版本之后做了一个大更新,webpack相关的默认配置都帮你集成到webpack的npm 包里面去了,官方提供的一种修改配置的方式就是开发者自己在项目的根目录(与src同层级的目录)下建立一个vue.config.js的文件,然后去覆盖自定义的配置,达到你想要的效果,下面写一个基本的默认配置

  • 2020-04-01 10:21:20

    Vue extend $mount 构造器详解

    本节介绍两个 Vue.js 内置但却不常用的 API——extend 和 $mount,它们经常一起使用。不常用,是因为在业务开发中,基本没有它们的用武之地,但在独立组件开发时,在一些特定的场景它们是至关重要的。

  • 2020-04-01 15:36:52

    CSS3中的transition属性详解

    transition: property duration timing-function delay transition属性是个复合属性,她包括以下几个子属性: transition-property :规定设置过渡效果的css属性名称 transition-duration :规定完成过渡效果需要多少秒或毫秒 transition-timing-function :指定过渡函数,规定速度效果的速度曲线 transition-delay :指定开始出现的延迟时间