第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

動態(tài)創(chuàng)建的 HTML5 元素上的轉(zhuǎn)換.. 如何在 Javascript 中定義?

動態(tài)創(chuàng)建的 HTML5 元素上的轉(zhuǎn)換.. 如何在 Javascript 中定義?

達令說 2021-06-14 16:57:05
我正在<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)該怎么辦?如果你能指出我正確的方向,效果并不重要,我只需要知道從這里開始如何訪問過渡方法..
查看完整描述

2 回答

?
慕尼黑8549860

TA貢獻1818條經(jīng)驗 獲得超11個贊

通過傳入和傳出過渡效果,您的意思是像一個動畫,它滑入然后滑出?

如果是這樣,您可能可以主要使用 CSS??赡艿奈臋n:CSS & 在JavaScript 中使用它(查看左側(cè)欄中,有更多頁面。我只是鏈接了兩個主要頁面)


您還可以只查看 CSS 動畫,然后在創(chuàng)建和關(guān)閉動畫時通過 JavaScript 調(diào)用動畫。CSS 動畫文檔在這里

要調(diào)用動畫,您應(yīng)該能夠向?qū)ο筇砑右粋€類,然后它會執(zhí)行動畫,然后在完成動畫后刪除該類。

抱歉沒有代碼示例,我目前不在家。如果您需要一些,我可以嘗試為您創(chuàng)建一個 JSFiddle 或其他東西。


查看完整回答
反對 回復 2021-06-24
  • 2 回答
  • 0 關(guān)注
  • 145 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學習伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號