提問搜尋_PHP中文網

社群學習工具庫休閒

繁体中文

熱門搜尋：
PHP
MySQL
jquery
HTML
CSS

選擇事件改變時，CSS動畫觸發對應效果

我正在嘗試製作一個React應用程序，現在我有一個選擇輸入框，裡面有一些寶可夢，我需要做的是每當選擇改變（即寶可夢改變）時，寶可夢精靈會進行一個小的搖晃動畫。目前我只有一個改變的精靈和一個在選擇值改變時播放的音訊。我該如何實現這個功能？我已經嘗試使用的onChange和styled-components來改變它的樣式，但無法使其工作，動畫只在頁面加載時觸發。這是我目前的程式碼：Select.ts：i

P粉200138510 2024-04-01 09:16:28

javascript - js（Vue）實踐：怎麼做輸入@，然後自動出現相關人選的清單？

做出效果如下：效果說明：1.使用者輸入@符號，出現選項列表，且選項列表自動定位到@符號後方。（目前的想法是：動態監聽輸入字元如果為@，列錶框出現在遊標懸停位置。）2.當使用者輸入@後使用者忽略選擇繼續輸入，當用...

PHP中文网 2017-07-05 11:03:32

如何使 CSS 動畫在每次將後續類別新增至元素時運行

我有一個CSS動畫類設置，因此我可以為元素設置動畫。當單擊輸入按鈕時，該類別將添加到中，我希望每次單擊示例中的輸入按鈕時，都會飛到螢幕上。但是，它僅在第一次有效，任何後續的輸入點擊都不會使元素產生動畫。我在這裡缺少什麼？ $(document).ready(function(){jQuery('#cloc').click(function(){jQuery('p').removeClass('anim

P粉714780768 2023-09-09 22:36:42

如何在iOS Safari中實現頁面上移，以適應彈出的鍵盤

在iPhone的Safari上顯示鍵盤時，如何將頁面向上移動？目前當有人對焦在輸入框上時，鍵盤會覆蓋輸入框。我希望鍵盤在輸入框下方。請問有人可以幫忙嗎？當輸入框失去聚焦時，如何取消這種效果？

P粉715228019 2023-08-09 17:01:31

javascript - react 中的動畫效果怎麼寫？

react中的元件怎麼寫出動畫效果？例如一個簡單的對話框，我希望達到點擊取消後，對話框先變淡，然後消失。如果用jquery，那麼很簡單，先animate({ //變淡的CSS }，function(){ //刪除DOM})。但是react，不知道怎...

世界只因有你 2017-05-18 10:58:34

html - form 表單使用者名稱提示和錯誤提示分開顯示？

點擊輸入框，顯示使用者名稱提示，點擊立即註冊按鈕，在輸入框下顯示錯誤提示{代碼...} 具體效果如下現在是輸入內容不希望顯示錯誤提示我現在的問題是，輸入相應的內容，會有錯誤的提示，效果見下目的：輸入內容不...

PHP中文网 2017-05-15 17:03:55

javascript - 發現個奇怪的問題，寫的css動畫當我把標籤頁收起時動畫自動暫停了

發現個奇怪的問題，寫的css動畫當我把標籤頁收起時動畫自動暫停了，再展開標籤頁時動畫才繼續播放。我是用背景圖移動達到運動的效果的，是不是跟這個原因有關？

给我你的怀抱 2017-06-30 09:52:30

javascript - btcc.com的首頁動畫背景是怎麼實現的？

網站載入時，背景有一點的動畫效果，恰到好處。 https://www.btcc.com/

大家讲道理 2017-05-16 13:26:40

javascript - 前端地圖動畫效果如何實現。

類似下面這面這種效果，頭像是可以依照路線動的，之前沒有接觸過這類動畫。前端該如何實現？ canvas?webGL?或現成的框架？應該以什麼思路做出這種效果呢,沒什麼頭緒。。。

PHPz 2017-05-16 13:36:02

手機上的按鈕保持焦點或活動狀態，導致CSS動畫出現問題

我正在嘗試在每次點擊按鈕時實現動畫效果，它在桌面上運行良好，但在手機上無法實現相同效果。我必須先點擊按鈕，然後點擊其他地方以取消CSS的焦點狀態，然後再次點擊按鈕以獲得動畫效果。以下是程式碼片段。 .btn_container{color:#35f8ff;position:relative;display:inline-block;text-align:center;margin:2.5remauto

P粉043295337 2023-08-28 15:14:37

javascript - 一個前端的自我修養

如題，本人剛入行，在公司任職兩個月，自認為是一塊璞玉，然而公司不是很注重前端效果，只要會寫div就行，兼容性，動畫效果都不需要，只要有個頁面的基本樣式就OK了,js也不需要我寫。前端框架我也接觸不到很多。 …

曾经蜡笔没有小新 2017-07-03 11:43:03

在 CSS 中輸入動畫超出指定限制

打字動畫每次都會停在設定的字元數。如果我延長聲明，它就會中斷。如果我縮短語句，它會繼續執行，直到達到設定的字元數。我知道我必須更改步數(50)，但這並不是真正停止的數字，它停止於28。 @importurl('https://fonts.googleapis.com/css2?family=Courier+Prime&family=Source+Code+Pro:wght@200&

P粉285587590 2024-03-20 00:25:06

angular.js - 同時有angular和jquery插件處理keydown事件

網路下了個jq插件，輸入框綁定了click事件，但是我自己寫的angular腳本也在同一個輸入框上用了ng-keydown。。。我以為是angular的keydown處理函數會執行，結果沒效果。。。但是我又不能把插件的click事件處理函數...

漂亮男人 2017-05-15 17:08:07

javascript - svg小白，想要在svg裡面插入圖片

程式碼如上，想要在svg裡面插入圖片，讓圖片實現動畫，但是怎麼都沒效果，求解釋...

代言 2017-06-24 09:44:02

angular.js - ng-show 表達式動態顯示

form input輸入框點選搜尋框顯示提示內容，點選其他地方，提示內容消失代碼見下 {代碼...} 具體效果見下當我點選搜尋框時，提示內容顯示求指導，謝謝

怪我咯 2017-05-15 17:04:02

javascript - 關於頁面的loading動畫效果沒有顯示？

1.現在做的項目是資料表頁面，由於後台查詢時間較長，所以為了提高下用戶體驗，加上一個load動畫過度。 loading動畫用的插件，使用測試沒有問題，但在方法執行的過程中，發現動畫效果並沒有。 2.直接貼代碼。 js入門...

迷茫 2017-05-19 10:18:28

邊框漸層與border-radius是否相容？

我正在為具有圓角邊框（border-radius）的輸入框添加樣式，並嘗試為該邊框添加漸變效果。我可以成功地創建漸變和圓角邊框，但兩者不能同時生效。要么是有圓角但沒有漸變，要么是有漸變但沒有圓角。 -webkit-border-radius:5px;-webkit-border-image:-webkit-gradient(linear,00,0100%,from(#b0bbc4),to(#ce

P粉824889650 2023-08-21 20:39:38

關閉輸入文字方塊：ReactJs在值改變時的操作

我有以下問題：我有一個輸入文字框，並且正在掃描條碼。但是文字方塊不會自動關閉。如果我用鍵盤輸入數字，它會自動關閉。我做錯了什麼嗎？掃描器太快了嗎？有什麼想法嗎？ const[open,setOpen]=useState(false);constonValueChange=(event)=>{if(event.target.value.length===16){setOpen(false);}}

P粉386318086 2023-09-08 23:29:17

javascript - 在vuejs中如何根據變數去引用不同的css樣式呢

要求將以前項目改成vue框架。現在css什麼的都有了。現在想根據變數去實作引入不同的css檔案。類似在if(){//import from ''xxx.css}這樣的邏輯效果。請問各位，在vue框架裡可以實現嗎，或是透過webpack去實現？

曾经蜡笔没有小新 2017-07-05 10:37:08

如何在Vue過渡中去除過渡延遲？

我正在使用Vue來實現當滑鼠懸停在圖片上時，透過動畫將文字方塊向上移動並淡入。動畫效果是正確的，但是它有一個輕微的延遲才開始。我希望文字方塊在圖片懸停時能夠平滑且立即地開始淡入和向上移動。當遊標離開時，文字方塊能夠正確地淡出和向下移動。 template:`{{badges[item].description}}`,methods:{hoverStart(i){this.hoveredIndex=i;},

P粉757432491 2023-08-17 17:36:49