css:
.flightNumber{
display: none;
-moz-transition: opacity 2000ms ease-in-out;
-o-transition: opacity 2000ms ease-in-out;
-webkit-transition: opacity 2000ms ease-in-out;
/*transition: opacity 2000ms ease-in-out;
opacity: 0;
}
.runIn{
-moz-transition: opacity 2000ms ease-in-out;
-o-transition: opacity 2000ms ease-in-out;
-webkit-transition: opacity 2000ms ease-in-out;
/*transition: opacity 2000ms ease-in-out;*/
opacity: 1;
display: block;
}html代码:<p class='flightNumber'></p>
js代码:$(".flightNumber").addClass("runIn")
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
display:none Jika ini ditambahkan, animasi tidak boleh berkesan, kerana display:none bermakna elemen ini tidak dihuraikan pada halaman dan semua gaya elemen ini adalah tidak sah Di bawah premis ini, peralihan: kelegapan 2000ms mudah masuk -out; adalah Tidak sah, jadi tiada kesan animasi mungkin.
Terima kasih atas jemputan.
Nombor
display都去掉，另外前缀没必要写，直接原生就行。真有需要的话，可以先
.show()下嘛（反正你opacityialah 0 dan tiada apa yang boleh dilihat).