我正在<div>通過onclick按鈕的方法創(chuàng)建一個新的。這個想法是一張卡片出現(xiàn)在屏幕上,然后可以通過許多動作來處理。按鈕的 HTML5 代碼如下。<input type="submit" class="transition_submit" value="Transition" onclick="card_AppearsHome()"> 為了動態(tài)創(chuàng)建卡片,我添加了一個 JavaScript 文件。我使用一個變量transition_counter來跟蹤卡片的狀態(tài),類似于“顯示/隱藏”。function card_AppearsHome() { if (transition_counter == 1){ document.getElementById("white_background_top").removeChild(home_card); transition_counter = 0;}else { //card/ div is created and appears, need to select a tranform: transition method //probeer hier JQuery te gebruiken, dit is veel minder code home_card = document.createElement('div'); home_card.id = "home_card"; home_card.style.position = "relative"; home_card.style.width = "20vw"; home_card.style.height = "20vh"; home_card.style.left = "54vw"; home_card.style.top = "25vh"; home_card.style.background = "#000"; document.getElementById("white_background_top").appendChild(home_card); transition_counter = 1;}}這通過單擊按鈕創(chuàng)建和刪除卡。我現(xiàn)在要做的是定義卡片的傳入和傳出過渡效果。我在尋找有關(guān)如何在新創(chuàng)建元素的 JavaScript 文件中定義這些過渡效果的文檔時遇到了一些困難。我應(yīng)該怎么辦?如果你能指出我正確的方向,效果并不重要,我只需要知道從這里開始如何訪問過渡方法..
動態(tài)創(chuàng)建的 HTML5 元素上的轉(zhuǎn)換.. 如何在 Javascript 中定義?
達令說
2021-06-14 16:57:05