html爱心特效代码怎么改花瓣的颜色

发布网友发布时间：2022-12-10 12:39

共1个回答

热心网友时间：2023-05-06 23:21

html爱心特效代码改花瓣颜色的方法如下：
1、获取花瓣，所有调色条，以及用来显示rgb值的div盒子。
2、给花瓣循环绑定点击事件，这里需要一个匿名的自调用函数来储存i的值，不然事件绑定不上，i值会变为最终长度值。
3、利用"排他思想"循环遍历将所有花瓣的selected类名去掉，然后给当前点击的花瓣添加被选中的类名"selected"将边框变为虚线，表示被选中。
4、下面一个for循环同样利用了匿名的自调用函数存储i值，然后给所有的调色条绑定input事件。
5、判断一下是否有被选中的元素，通过判断之后获取带有selected类名的花瓣，然后将其背景颜色改为三个input输入的value值，最后将三个rgb值渲染到显示rgb值的div盒子中，这样一个彩色花瓣的效果就完成了。