效果图
各位条子，大家下午好!
今天给大家带来的是逼真花瓣飘落前端特效源码!
大家可以按照自己的意愿进行修改!
有想要文件版源码的朋友，可以到我的超文本标记语言学习交流581549454 !里面都是做前端开发的，拒绝卖课和广告!纯学习交流，每天会上传一些优秀的作品和源码，欢迎初学者和大神们。
好了，废话不多说，上源码
JS:(function (lib，img，cjs) {
var p；//引用原型的快捷方式
//库属性：
lib.properties={
宽度： 1920,
身高： 885,
fps: 24，
color: \’#FFFFFF\ ‘，
清单： [
{src:\’images/florwe1.png\ ‘，id:\’florwe1\’}，
{ src : \ ‘ images/florwe 10。png \ ‘，id:\’florwe10\’}，
{ src : \ ‘ images/florwe 11。png \ ‘，id:\’florwe11\’}，
{ src : \ ‘ images/florwe 12。png \ ‘，id:\’florwe12\’}，
{ src : \ ‘ images/florwe 13。png \ ‘，id:\’florwe13\’}，
{ src : \ ‘ images/florwe 14。png \ ‘，id:\’florwe14\’}，
{ src : \ ‘ images/florwe 15。png \ ‘，id:\’florwe15\’}，
{ src : \ ‘ images/florwe 16。png \ ‘，id:\’florwe16\’}，
{ src : \ ‘ images/florwe 17。png \ ‘，id:\’florwe17\’}，
{ src : \ ‘ images/florwe 18。png \ ‘，id:\’florwe18\’}，
{src:\’images/florwe3.png\ ‘，id:\’florwe3\’}，
{src:\’images/florwe4.png\ ‘，id:\’florwe4\’}，
{src:\’images/florwe5.png\ ‘，id:\’florwe5\’}，
{src:\’images/florwe6.png\ ‘，id:\’florwe6\’}，
{src:\’images/florwe7.png\ ‘，id:\’florwe7\’}，
{src:\’images/florwe8.png\ ‘，id:\’florwe8\’}，
{src:\’images/florwe9.png\ ‘，id:\’florwe9\’}，
{ src : \ ‘ images/sflorwe 2。png \ ‘，id:\’sflorwe2\’}
]
};
//symbols:
(lib.florwe1=function() {
这个。初始化(img。flor we 1)；
}).原型=p=新cjs .bitmap()；
p.nominalBounds=新cjs .矩形(0,0,309,504);
(lib.florwe10=function() {
这个。初始化(img。flor we 10)；
}).原型=p=新cjs .bitmap()；
p.nominalBounds=新cjs .矩形(0,0,84,68);
(lib.florwe11=function() {
这个。初始化(img。flor we 11)；
}).原型=p=新cjs .bitmap()；
p.nominalBounds=新cjs .矩形(0,0,108,112);
(lib.florwe12=function() {
这个。初始化(img。flor we 12)；
}).原型=p=新cjs .bitmap()；
p.nominalBounds=新cjs .矩形(0,0,146,89);
(lib.florwe13=function() {
这个。初始化(img。flor we 13)；
}).原型=p=新cjs .bitmap()；
p.nominalBounds=新cjs .矩形(0,0,94,96);
(lib.florwe14=function() {
这个。初始化(img。flor we 14)；
}).原型=p=新cjs .bitmap()；
p.nominalBounds=新cjs .矩形(0,0,163,193);
(lib.florwe15=function() {
这个。初始化(img。flor we 15)；
}).原型=p=新cjs .bitmap()；
p.nominalBounds=新cjs .矩形(0,0,112,122);
(lib.florwe16=function() {
这个。初始化(img。flor we 16)；
}).原型=p=新cjs .bitmap()；
p.nominalBounds=新cjs .矩形(0,0,72,96);
(lib.florwe17=function() {
这个。初始化(img。flor we 17)；
}).原型=p=新cjs .bitmap()；
p.nominalBounds=新cjs .矩形(0,0,199,146);
(lib.florwe18=function() {
这个。初始化(img。flor we 18)；
}).原型=p=新cjs .bitmap()；
p.nominalBounds=新cjs .矩形(0,0,294,293);
(lib.florwe3=function() {
这个。初始化(img。flor we 3)；
}).原型=p=新cjs .bitmap()；
p.nominalBounds=新cjs .矩形(0,0,154,88);
(lib.florwe4=function() {
这个。初始化(img。flor we 4)；
}).原型=p=新cjs .bitmap()；
p.nominalBounds=新cjs .矩形(0,0,189,140);
(lib.florwe5=function() {
这个。初始化(img。flor we 5)；
}).原型=p=新cjs .bitmap()；
p.nominalBounds=新cjs .矩形(0,0,91,88);
(lib.florwe6=function() {
这个。初始化(img。flor we 6)；
}).原型=p=新cjs .bitmap()；
p.nominalBounds=新cjs .矩形(0,0,70,110);
(lib.florwe7=function() {
这个。初始化(img。flor we 7)；
}).原型=p=新cjs .bitmap()；
p.nominalBounds=新cjs .矩形(0,0,120,76);
(lib.florwe8=function() {
这个。初始化(img。flor we 8)；
}).原型=p=新cjs .bitmap()；
p.nominalBounds=新cjs .矩形(0,0,199,91);
(lib.florwe9=function() {
这个。初始化(img。flor we 9)；
}).原型=p=新cjs .bitmap()；
p.nominalBounds=新cjs .矩形(0,0,168,162);
(lib.sflorwe2=function() {
这个。初始化(img。sflorwe 2)；
}).原型=p=新cjs .bitmap()；
p.nominalBounds=新cjs .矩形(0,0,111,121);
(解放号.补间10=函数(){
这个。initialize()；
//图层数字一(一)
这个。实例=新库。flor we 18()；
这个。实例。set transform(-147，-146.5)；
这个。addchild(这个。实例)；
}).原型=p=新cjs .容器();
p.nominalBounds=新cjs .矩形(-147,-146.5,294,293);
(解放号.补间9=函数(){
这个。initialize()；
//图层数字一(一)
这个。实例=新库。flor we 18()；
这个。实例。settransform(183.2，-97.6，1，1，107)；
这个。addchild(这个。实例)；
}).原型=p=新cjs .容器();
p.nominalBounds=新cjs .矩形(-183.1,-183.4,366.3,366.9);
(解放号.补间8=函数(){
这个。initialize()；
//图层数字一(一)
这个。实例=新库。flor we 8()；
这个。实例。settransform(88.9，-63.8，1，1，119.8)；
这个。addchild(这个。实例)；
}).原型=p=新cjs .容器();
p.nominalBounds=新cjs .长方形(-88.9,-108.9,177.8,217.9);
(解放号.补间7=函数(){
这个。initialize()；
//图层数字一(一)
这个。实例=新库。flor we 8()；
这个。实例。set transform(-106.9，23.2，1，1，-36.8)；
这个。addchild(这个。实例)；
}).原型=p=新cjs .容器();
p.nominalBounds=新cjs .矩形(-106.9,-96,213.9,192.1);
(解放号.补间6=函数(){
这个。initialize()；
//图层数字一(一)
这个。实例=新库。flor we 6()；
this.instance.setTransform(-35，-55)；
这个。addchild(这个。实例)；
}).原型=p=新cjs .容器();
p.nominalBounds=新cjs .矩形(-35,-55,70,110);
(解放号.补间5=函数(){
这个。initialize()；
//图层数字一(一)
这个。实例=新库。flor we 6()；
this.instance.setTransform(-35，-55)；
这个。addchild(这个。实例)；
}).原型=p=新cjs .容器();
p.nominalBounds=新cjs .矩形(-35,-55,70,110);
(解放号.补间4=函数(){
这个。initialize()；
//图层数字一(一)
这个。实例=新库。flor we 4()；
这个。实例。设置变换(-94.5，-70)；
这个。addchild(这个。实例)；
}).原型=p=新cjs .容器();
p.nominalBounds=新cjs .矩形(-94.5,-70,189,140);
(解放号.补间3=函数(){
这个。initialize()；
//图层数字一(一)
这个。实例=新库。flor we 4()；
这个。实例。设置变换(-94.5，-70)；
这个。addchild(这个。实例)；
}).原型=p=新cjs .容器();
p.nominalBounds=新cjs .矩形(-94.5,-70,189,140);
(解放号.补间1=函数(){
这个。initialize()；
//图层数字一(一)
这个。实例=新库。flor we 1()；
这个。实例。settransform(-49.3，125.6，0.456，0.456，-127)；
这个。addchild(这个。实例)；
}).原型=p=新cjs .容器();
p.nominalBounds=新cjs .矩形(-134.2,-125.5,268.6,251.1);
//阶段内容：
(lib.flower=function(mode，startPosition，loop) {
this.initialize(mode，startPosition，loop，{ })；
//图层数字一(一)
this.instance=新库.补间1(\ ‘同步\ ‘,0);
这个。实例。settransform(2011.3，25.8)；
this.timeline.addTween(cjs .Tween.get(this.instance).到({rotation:43，guide:{path:[2011.2，25.9，1968.7，57.5，1897.7，103.8，1755.9，196.5，1614，269.6，1415.4，372.3，1245.1，421.7，1032.3，483.5，到({scaleX:1，scale :1，rotation:88.5，guide:{path:[709.4，392.8，699.1，381.7，694.1，369.2，683.3，342.4，698，311.3，711.5，282.8，744.1，254.5，到({rotation:156.9，guide:{path:[749.7，249.8，778.7，225.9，816.5，206.6，857.7，185.5，899.2，175.1，942.7，164.2，976.4，167.7，979.1，167.9，977.9至({scaleX:1，scale :1，rotation:273.4，guide:{path:[981.7，168.3，1014.5，173，1032.2，192，1051.6，212.9，1048.9，242.7，1046.6，266.9，1030，295到({rotation:350.6，guide:{path:[1030，295.3，1027.2，300.2，1023.9，305.2，1002.1，338.3，964.2，373.1，926.2，407.8，876.7，440.1，865.7，447.3to到({scaleX:1，scale :1，rotation:417.6，guide:{path:[695.9，530，671.2，539，646.3，546.5，508，587.6，388.1，574.1，370.2，566.2，343.9，553.9]})，到({scaleX:1，scale :1，rotation:430.2，guide:{path:[343.7，553.9，336.3，550.4，328.3，546.6，254.5，511.8，184.7，475.3，-38.8，358.3，-140.1，267 .到({ _ off:true }，1).wait(71))；
//图层3
this.instance_1=新库。补间3(\’synched\ ‘，0)；
这个。实例_ 1。设置变换(2088.5，108.5)；
this.instance_1 ._ off=真
this.instance_2=新库。补间4(\’synched\ ‘，0)；
这个。实例_ 2。set transform(-153.8，343.9)；
this.timeline.addTween(cjs .Tween.get({}).到({state:[]}).to({ state :[{ t : this。instance _ 1 }]}，56).to({ state :[{ t : this。instance _ 1 }]}，28).to({ state :[{ t : this。实例_ 1 }]}，7).to({ state :[{ t : this。实例_ 1 }]}，8).to({ state :[{ t : this。实例_ 1 }]}，6).to({ state :[{ t : this。instance _ 2 }]}，10).到({state:[]}，1).wait(15))；
this.timeline.addTween(cjs .Tween.get(this.instance_1).等待(56)。到({ _ off:false }，0).到({rotation:51.7，guide:{path:[2088.5，108.7，2028.4，137，1934.7，178，1744.1，261.2，1570.1，327.1，1326.6，419.3，1151.2，463.2，932.1，518.1到({scaleX:1，scale :1，rotation:184.6，guide:{path:[663.1，407.6，644.7，388.5，633.2，366.8，619.6，341.4，616.3，314.2，613.3，288.4，619.9，263到({rotation:318.2，guide:{path:[798.8，162.7，816.3，164.3，834.1，168.2，887.1，180，922.7，207.4，959.7，235.9，962.5，270.4，965.5，308.7，924到({scaleX:1，scale :1，rotation:333.9，guide:{path:[812.9，427.6，809.8，429.5，806.7，431.4，776.3，449.6，744.2，463.9，682.5，491.7，595.9，501towait(16))；
//图层5
this.instance_3=新库。补间5(\’synched\ ‘，0)；
这个。instance _ 3。设置变换(2075.1，60.1，1，1，39.5)；
这个. instance_3 ._ off=真
this.instance_4=新库。补间6(\’synched\ ‘，0)；
这个。instance _ 4。set transform(-167.3，456.4，1，1，100)；
this.timeline.addTween(cjs .Tween.get({}).到({state:[]}).to({ state :[{ t : this。instance _ 3 }]}，41).to({ state :[{ t : this。instance _ 3 }]}，22).to({ state :[{ t : this。实例_ 3 }]}，1).to({ state :[{ t : this。实例_ 3 }]}，2).to({ state :[{ t : this。实例_ 3 }]}，3).to({ state :[{ t : this。实例_ 3 }]}，3).to({ state :[{ t : this。instance _ 4 }]}，28).到({state:[]}，1).wait(30))；
this.timeline.addTween(cjs .Tween.get(this.instance_3).等待(41)。到({ _ off:false }，0).到({rotation:66，guide:{path:[2075.1，60.2，2020.9，89.7，1939.2，132.3，1764.2，223.5，1606.3，297.8，1385.2，402.2，1229.5，458.6，1087.5，510，至到({scaleX:1，scale :1，rotation:60.2，guide:{path:[953.7，519.8，946.5，515.4，936.4，508.4，927.2，502，919.1，495.7]}，2).到({scaleX:1，scale :1，rotation:97.6，guide:{path:[919.1，495.7，910.4，489，902.9，482.5]}，3).到({scaleX:1，scale :1，rotation:45，guide:{path:[902.9，482.4，901.5，481.2，900.1，480，892.6，482.7，883.5，485.5]}，3).to({ _ of : true，rotation:100，guide:{path:[883.5，485.6，855.8，494.2，814.2，504.2，703.9，530.6，582.1，542.3，411.4，558.8，242.1，543.4，30.5wait
//图层七
this.instance_5=新库。补间7(\ ‘同步\ ‘,0);
这个。instance _ 5。集合变换(2025.9，210.5)；
this.instance_5 ._ off=真
this.instance_6=新库。补间8(\ ‘同步\ ‘,0);
这个。instance _ 6。set transform(-328，350.1)；
this.timeline.addTween(cjs .Tween.get({}).到({state:[]}).to({ state :[{ t : this。实例_ 5 }]}，9).to({ state :[{ t : this。instance _ 5 }]}，15).to({ state :[{ t : this。instance _ 5 }]}，24).to({ state :[{ t : this。instance _ 6 }]}，20).到({state:[]}，3).wait(60))；
this.timeline.addTween(cjs .Tween.get(this.instance_5).等待(9)。到({ _ off:false }，0).到({rotation:23.7，guide:{path:[2025.9，210.7，2013.8，219.9，1991.4，235.5，1945.6，267.2，1891.3，300.6，1717.8，407.5，1525.3，489.1，1479.4，至to({ _ of : true，scaleX:1，scale :1，rotation:0，guide:{path:[381.3，666.9，357.6，663.8，334，660.1，17.7，610.6，-157.4，550.9，-297.7，503.1，-341.9等等
//图层9
this.instance_7=新库。补间9(\’synched\ ‘，0)；
这个。instance _ 7。set transform(2070.5，-77.3，0.617，0.617，0，0.3，-0.1)；
this.instance_8=新库。补间10(\’synched\ ‘，0)；
这个。instance _ 8。set transform(-188.6，225.3，1.715，1.715，150，0，0，-0.4，0.7)；
this.timeline.addTween(cjs .Tween.get({}).到({ state :[{ t : this。instance _ 7 }]}).to({ state :[{ t : this。instance _ 7 }]}，18).to({ state :[{ t : this。instance _ 7 }]}，22).to({ state :[{ t : this。instance _ 7 }]}，19).to({ state :[{ t : this。instance _ 8 }]}，11).到({state:[]}，1).wait(60))；
this.timeline.addTween(cjs .Tween.get(this.instance_7).到({regX:0，regY:0，scale :1，scale :1，rotation:78.6，guide:{path:[2070.4，-77.2，1968，-40.2，1805.8，10.6，1647.9，59.8，1495.3，101.7]}，18).到({regX:0.6，regY:-0.5，scale :1.22，scale :1.22，rotation:220.2，guide:{path:[1495.2，101.9，1330.8，146.8，1172.2，183.3，965.9，230.6，784到({regX:0.3，regY:-0.1，scale :1.42，scale :1.42，rotation:385.7，guide:{path:[784，259.6，588.7，290.8，421.7，300.8，281.8，309.2，164.5，300wait(61))；
//图层数字一(一)
this.instance_9=新库。补间1(\ ‘同步\ ‘,0);
这个。instance _ 9。集合变换(2011.3，191.8)；
这. instance_9 ._ off=真
this.timeline.addTween(cjs .Tween.get(this.instance_9).等待(41)。到({ _ off:false }，0).至({rotation:148，guide:{path:[2011.2，191.9，1968.7，223.5，1897.7，269.8，1755.9，362.3，1614，435.6，1597.1，444.4，1580.4，452.7，1400.9，542到({scaleX:1，scale :1，rotation:208.5，guide:{path:[738.9，425.2，741.4，422.8，744.1，420.5，774，394.7，813.9，373.9]}，4).到({rotation:268.5，guide:{path:[813.9，373.9，815.2，373.2，816.5，372.6，857.8，351.5，899.2，341.1，939.3，331，971.1，333.2]}，3).到({scaleX:1，scale :1，rotation:273.4，guide:{path:[971.1，333.2，973.8，333.4，976.4，333.7，995.3，335.6，1009.5，342.1]}，5).到({rotation:350.6，guide:{path:[1009.6，342，1023，348，1032.2，358，1049.4，376.4，1049.2，401.9]}，5).到({rotation:382.2，guide:{path:[1049.2，402，1049.2，405.3，1048.9，408.7，1046.2，437.1，1023.9，471.2，1002.1，504.3，964.2，539.1，944.7，556到({scaleX:1，scale :1，rotation:417.6，guide:{path:[922.1，574.1，900.7，590.4，876.7，606.1，865.6，613.3，854.2，620.2，813.3，645，768.4，666.7至({scaleX:1，scaleY:1，rotation:430.2，x:-140.2，y:429.1}，12).到({ _ off:true }，1).wait(30))；
//图层3
this.instance_10=新库。补间3(\’synched\ ‘，0)；
这个。instance _ 10。集合变换(2088.5，230.5)；
this.instance_10 ._ off=真
this.instance_11=新库。补间4(\’synched\ ‘，0)；
这个。instance _ 11。set transform(-153.8，343.9)；
this.timeline.addTween(cjs .Tween.get({}).到({state:[]}).to({ state :[{ t : this。instance _ 10 }]}，27).to({ state :[{ t : this。instance _ 10 }]}，28).to({ state :[{ t : this。instance _ 10 }]}，7).to({ state :[{ t : this。instance _ 10 }]}，8).to({ state :[{ t : this。instance _ 10 }]}，6).to({ state :[{ t : this。instance _ 11 }]}，10).到({state:[]}，1).wait(44))；
this.timeline.addTween(cjs .Tween.get(this.instance_10).等待(27)。到({ _ off:false }，0).到({rotation:51.7，guide:{path:[2088.5，230.7，2028.4，259，1934.7，300，1744.1，383.2，1570.1，449.1，1326.6，541.3，1151.2，585.2，932.1，640.1到({scaleX:1，scale :1，rotation:184.6，guide:{path:[663.1，529.6，644.7，510.5，633.2，488.8，619.6，463.4，616.3，436.2，613.3，410.4，619.9，385到({rotation:318.2，guide:{path:[798.8，284.4，816.3，286，834.1，290，887.1，301.7，922.7，329.2，959.7，357.8，962.5，392.3，965.5，430.6，924.1到({scaleX:1，scale :1，rotation:333.9，guide:{path:[874.4，507，873.9，507.3，873.5，507.7，840，533.5，806.8，553.4，776.4，571.6，744.3，585.9，688wait(45))；
//图层5
this.instance_12=新库。补间5(\’synched\ ‘，0)；
这个。instance _ 12。set transform(2165.1，94.1，1，1，39.5)；
this.instance_12 ._ off=真
this.instance_13=新库。补间6(\’synched\ ‘，0)；
这个。instance _ 13。set transform(-167.3，456.4，1，1，100)；
this.timeline.addTween(cjs .Tween.get({}).到({state:[]}).to({ state :[{ t : this。instance _ 12 }]}，56).to({ state :[{ t : this。instance _ 12 }]}，22).to({ state :[{ t : this。instance _ 12 }]}，1).to({ state :[{ t : this。instance _ 12 }]}，2).to({ state :[{ t : this。instance _ 12 }]}，3).to({ state :[{ t : this。instance _ 12 }]}，3).to({ state :[{ t : this。instance _ 13 }]}，28).到({state:[]}，1).wait(15))；
this.timeline.addTween(cjs .Tween.get(this.instance_12).等待(56)。到({ _ off:false }，0).到({rotation:66，guide:{path:[2165.1，94.2，2110.9，123.7，2029.2，166.3，1854.2，257.5，1696.3，331.8，1475.2，436.2，1319.5，492.6，1124.9，563to到({scaleX:1，scale :1，rotation:60.2，guide:{path:[955.2，525，942.9，528.5，928.5，532.2]}，2).到({scaleX:1，scale :1，rotation:97.6，guide:{path:[928.4，532.2，922.4，533.7，916，535.3]}，3).到({scaleX:1，scale :1，rotation:45，guide:{path:[916，535.3，910.3，536.7，904.3，538.2，900.3，539.1，896.3，540]}，3).to({ _ of : true，rotation:100，x:-167.3，y:456.4}，28).wait(16))；
//图层7
this.instance_14=新库。补间7(\ ‘同步\ ‘,0);
这个。instance _ 14。set transform(2265.9，104.5)；
这. instance_14 ._ off=真
this.instance_15=新库。补间8(\ ‘同步\ ‘,0);
这个。instance _ 15。集合变换(-88，244.1)；
this.timeline.addTween(cjs .Tween.get({}).到({state:[]}).到({ state :[{ t : this。instance _ 14 }]}，69).to({ state :[{ t : this。instance _ 14 }]}，15).to({ state :[{ t : this。instance _ 14 }]}，24).to({ state :[{ t : this。instance _ 15 }]}，20).等待(3));
this.timeline.addTween(cjs .Tween.get(this.instance_14).等待(69)。到({ _ off:false }，0).到({rotation:23.7，guide:{path:[2265.9，104.7，2253.8，113.9，2231.4，129.5，2185.6，161.4，2131.3，194.8，1957.8，301.5，1765.3，383.1，1719.4，至to({ _ of : true，scaleX:1，scale :1，rotation:0，guide:{path:[621.3，560.9，597.6，557.8，574，554.1，257.7，504.6，82.6，444.9，-57.7，397.1，-101.9，344
//图层9
this.instance_16=新库。补间9(\’synched\ ‘，0)；
这个。instance _ 16。set transform(2040.5，58.7，0.617，0.617，0，0.3，-0.1)；
这. instance_16 ._ off=真
this.instance_17=新库。补间10(\’synched\ ‘，0)；
这个。instance _ 17。set transform(-218.6，362.3，0.499，0.498，150，0，0，-0.4，0.6)；
this.timeline.addTween(cjs .Tween.get({}).到({state:[]}).to({ state :[{ t : this。instance _ 16 }]}，46).to({ state :[{ t : this。instance _ 16 }]}，18).to({ state :[{ t : this。instance _ 16 }]}，22).to({ state :[{ t : this。instance _ 16 }]}，19).to({ state :[{ t : this。instance _ 17 }]}，11).到({state:[]}，1).等待(14));
this.timeline.addTween(cjs .Tween.get(this.instance_16).等待(46)。到({ _ off:false }，0).到({
暂无讨论，说说你的看法吧
