音画：《盛开的牡丹》（CSS3动画库V4.1.1学习帖）

寒冬残荷

寒冬残荷

因太懒网上查找图片和上传图片到图床就盗用了195400老师的图片地址了。谢谢了！

红枫

寒冬残荷 发表于 2022-8-28 10:35
因太懒网上查找图片和上传图片到图床就盗用了195400老师的图片地址了。谢谢了！

感谢分享！
其实，数组名是可以乱序或按需省略排列的。

寒冬残荷

红枫 发表于 2022-8-28 12:03 感谢分享！ 其实，数组名是可以乱序或按需省略排列的。

谢谢指点！

寒冬残荷

红枫 发表于 2022-8-28 12:03
感谢分享！
其实，数组名是可以乱序或按需省略排列的。

JS我就学会了图片地址切换这几句，灵活应用不了呀。别的JS代码都是照搬的。

寒冬残荷

手机看的效果图，音乐能自动播放！

195400

195400

1.

1. if(j >dhlm.length){
   
2.     j =0;
   
3. }
   
4. if(i >imgs.length){
   
5.     i=0;
   
6. }

复制代码

2. v4 有97种动画方式

1. bounce
   
2. flash
   
3. pulse
   
4. rubberBand
   
5. shakeX
   
6. shakeY
   
7. headShake
   
8. swing
   
9. tada
   
10. wobble
    
11. jello
    
12. heartBeat
    
13. backInDown
    
14. backInLeft
    
15. backInRight
    
16. backInUp
    
17. backOutDown
    
18. backOutLeft
    
19. backOutRight
    
20. backOutUp
    
21. bounceIn
    
22. bounceInDown
    
23. bounceInLeft
    
24. bounceInRight
    
25. bounceInUp
    
26. bounceOut
    
27. bounceOutDown
    
28. bounceOutLeft
    
29. bounceOutRight
    
30. bounceOutUp
    
31. fadeIn
    
32. fadeInDown
    
33. fadeInDownBig
    
34. fadeInLeft
    
35. fadeInLeftBig
    
36. fadeInRight
    
37. fadeInRightBig
    
38. fadeInUp
    
39. fadeInUpBig
    
40. fadeInTopLeft
    
41. fadeInTopRight
    
42. fadeInBottomLeft
    
43. fadeInBottomRight
    
44. fadeOut
    
45. fadeOutDown
    
46. fadeOutDownBig
    
47. fadeOutLeft
    
48. fadeOutLeftBig
    
49. fadeOutRight
    
50. fadeOutRightBig
    
51. fadeOutUp
    
52. fadeOutUpBig
    
53. fadeOutTopLeft
    
54. fadeOutTopRight
    
55. fadeOutBottomRight
    
56. fadeOutBottomLeft
    
57. flip
    
58. flipInX
    
59. flipInY
    
60. flipOutX
    
61. flipOutY
    
62. lightSpeedInRight
    
63. lightSpeedInLeft
    
64. lightSpeedOutRight
    
65. lightSpeedOutLeft
    
66. rotateIn
    
67. rotateInDownLeft
    
68. rotateInDownRight
    
69. rotateInUpLeft
    
70. rotateInUpRight
    
71. rotateOut
    
72. rotateOutDownLeft
    
73. rotateOutDownRight
    
74. rotateOutUpLeft
    
75. rotateOutUpRight
    
76. hinge
    
77. jackInTheBox
    
78. rollIn
    
79. rollOut
    
80. zoomIn
    
81. zoomInDown
    
82. zoomInLeft
    
83. zoomInRight
    
84. zoomInUp
    
85. zoomOut
    
86. zoomOutDown
    
87. zoomOutLeft
    
88. zoomOutRight
    
89. zoomOutUp
    
90. slideInDown
    
91. slideInLeft
    
92. slideInRight
    
93. slideInUp
    
94. slideOutDown
    
95. slideOutLeft
    
96. slideOutRight
    
97. slideOutUp
    

复制代码

寒冬残荷

195400 发表于 2022-8-28 15:10 欣赏、学习、点赞！

谢谢老师的支持与鼓励！

寒冬残荷

195400 发表于 2022-8-28 16:40
1.

老师，应该是:
if(j >=dhlm.length){
    j =0;
}
if(i >=imgs.length){
    i=0;
}

对不对？因为是从0开始计数的。