JS代码点滴

凡哥

花简静 发表于 2024-5-19 15:55
我凡凡大哥开日记了，来支持一个

感谢支持

菀菀

看不懂，问好！

凡哥

菀菀 发表于 2024-5-20 14:28
看不懂，问好！

谢谢

凡哥

2024年5月20日 星期一

一句代码生成十六进制随机颜色的方法：

方法一：`#${Math.random().toString(16).substr(-6)}`;
方法二：`#${Math.random().toString(16).substring(2, 8)}`;

解释：Math.random() 是 JS的数学方法之一，生成随机数，返回一个随机的浮点数；toString(16) 利用 JS 内置方法将浮点数转换为16进制字符串；substr 和 substring 是借助 JS 内置函数截取字符串，这里都是截取6位，如果需要透明色，可截取8位，不过16进制颜色的Alpha通道不是很理想，极有可能得到完全透明的颜色。

以下示例，利用第二种方法实现：

点击上方盒子改变背景颜色:

风吟落

虽然看不懂，但是感觉到代码的强大和梦幻，谢谢凡哥老师。

风吟落

凡哥 发表于 2024-5-20 18:38
#mydiv {margin: auto;width: 400px;height: 200px;border: 1px solid gray;cursor: pointer;position: re ...

点击放方框部分出现不同色彩，好神奇的说。

风吟落

问好凡哥老师，这些代码如何运用到音画帖子了呢？

凡哥

风吟落 发表于 2024-5-20 19:20
虽然看不懂，但是感觉到代码的强大和梦幻，谢谢凡哥老师。

这个论坛就是有代码构建的

凡哥

风吟落 发表于 2024-5-20 19:25
问好凡哥老师，这些代码如何运用到音画帖子了呢？

这要看你的需要，也不是一言两语可以说清楚

若依

看着好高深的样子，我先来瞧两眼，欢迎凡哥开日记楼。