音畫：《盛開的牡丹》（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開始計數的。