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 15:36:52

    CSS3中的transition属性详解

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

  • 2020-04-02 17:02:25

    vue怎么能像jquery那样获得数据

    有时候我们需要获得动态的元素,但是我们没法直接用vue语法,vue一共了当前组件的对象,我们可以避免使用document.get...之类的。

  • 2020-04-02 21:38:15

    Nginx向ExpressJS转发真实IP地址

    由于服务器配置了Nginx的反向代理,在ExpressJS中无法获取到真实的IP地址。本文就介绍了如何配置Nginx以及ExpressJS使其可以显示用户的真实地址。

  • 2020-04-03 08:53:06

    使用自己的QQ邮箱发送自动发送邮件

    话说网上发送邮件的代码很多,但是我由于不细心,导致拿别人的代码发送邮件老是失败,今天就说说几个要注意的地方吧!!!

  • 2020-04-03 10:20:20

    Vue 项目性能优化

    Vue 框架通过数据双向绑定和虚拟 DOM 技术,帮我们处理了前端开发中最脏最累的 DOM 操作部分, 我们不再需要去考虑如何操作 DOM 以及如何最高效地操作 DOM;但 Vue 项目中仍然存在项目首屏优化、Webpack 编译配置优化等问题,所以我们仍然需要去关注 Vue 项目性能方面的优化,使项目具有更高效的性能、更好的用户体验。本文是作者通过实际项目的优化实践进行总结而来,希望读者读完本文,有一定的启发思考,从而对自己的项目进行优化起到帮助。本文内容分为以下三部分组成:

  • 2020-04-03 13:07:46

    flex布局与position:absolute/fixed的冲突问题

    导航栏内,平均分为四块,为了适配各种移动设备,使用了flex布局。 与此同时,产品经理要求:页面上滚越过封面图时,导航栏变为固定定位,浮在页面顶部。 拿到需求之后,思路就是先搞好布局,然后监听window.onscroll,当页面滚的距离大于封面图的时候,给ul加入position:fixed。