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

html-css016

html爱心特效代码怎么改花瓣的颜色,第1张

html爱心特效代码改花瓣颜色的方法如下:

1、获取花瓣,所有调色条,以及用来显示rgb值的div盒子。

2、给花瓣循环绑定点击事件,这里需要一个匿名的自调用函数来储存i的值,不然事件绑定不上,i值会变为最终长度值。

3、利用"排他思想"循环遍历将所有花瓣的selected类名去掉,然后给当前点击的花瓣添加被选中的类名"selected"将边框变为虚线,表示被选中。

4、下面一个for循环同样利用了匿名的自调用函数存储i值,然后给所有的调色条绑定input事件。

5、判断一下是否有被选中的元素,通过判断之后获取带有selected类名的花瓣,然后将其背景颜色改为三个input输入的value值,最后将三个rgb值渲染到显示rgb值的div盒子中,这样一个彩色花瓣的效果就完成了。

方法一:

最简单的可以

新建场景

先把花瓣做成“影片剪辑”(可以旋转型,也可以大小变化型)

然后再用"运动引导层"和"补间动画"将单个花瓣的“影片剪辑”元件按照想要花瓣飘落的路径连起来

做多个不同路线的引导层相交叠,就可以了,再在最后一帧加时间轴的控制(一般为全局函数——时间轴控制的“gotoandplay"从最后一帧回到第一帧实现重复飘落)

也可以用代码写,这个,比较麻烦,只说也说不清楚,要对代码熟悉

方法二:

去网上找花瓣飘落源文件资源下载,再导入所做的FLASH中即可

地址(网上最常用的):http://www.5uflash.com/flashyuanma/toumingflash/3509.html

可以自己稍作修改(方向,速度什么的)

particular做粒子替代,首先把粒子的phy属性给个重力,重力不用太高,毕竟是花瓣,然后把粒子半径和发射速度给大一点,还有air属性wind风属性也给一点,粒子细分属性也给加点,把粒子中心点放到预览窗口的上方,不要放到预览窗口里面,这样就会出现大批花瓣一起飘落而不是从一个点开始的,你可以先做下飘雪的效果练下,花瓣只是比它多了一个替代效果!