提問搜尋_PHP中文網

社群學習工具庫休閒

繁体中文

熱門搜尋：
PHP
MySQL
jquery
HTML
CSS

如何使動畫在懸停時暫停，但一旦滑鼠離開動畫繼續

我已經厭倦了幾個解決方案，這是我得到的最接近的解決方案。但我仍然不滿意結果如何，因為當滑鼠離開元素時，元素會恢復到原來的旋轉狀態。這個想法是，如果你越過該元素，即使滑鼠離開該元素，它也會觸發動畫。如果你將滑鼠懸停在元素上，它會播放動畫並保持在0度，一旦滑鼠離開，另一個動畫就會播放，並旋轉回-8度。 constelements=document.getElementsByClassName('rota

P粉786800174 2024-04-01 09:43:54

vue 和 vuetify 元件上的滑鼠懸停效果

因此，我嘗試重新創建滑鼠懸停效果，如以下文章中的範例所示：https://blog.prototypr.io/stunning-hover-effects-with-css-variables-f855e7b95330但就我而言，我希望使用Vue.js將懸停效果應用到vuetify庫中的v-card。所以這是我的嘗試：https://codepen.io/pokepim/pen/NWdwOEq現

P粉032649413 2024-03-27 16:31:16

如何判斷滑鼠是否停止懸停在一個元素上？

我想知道滑鼠如何停止懸停在javascript或使用css中的元素上。我正在製作一個動畫，當滑鼠懸停在背景上時，背景會改變顏色，我還想在滑鼠停止懸停在元素上時添加動畫。我怎樣才能做到這一點？

P粉547420474 2024-03-31 13:28:28

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

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

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

javascript - 滑鼠hover顯示紅色邊框這種效果怎麼實現

誰做過這種效果這是我寫的，使用border-right:1px solid #eee;border-bottom:1px solid #eee；滑鼠懸浮時ul li:hover{border-color:#ed9639;}怎麼讓左邊也有一像素紅框

过去多啦不再A梦 2017-07-05 11:04:45

懸停時顯示內容（不影響卡片高度）

我有一個區塊，其中包含懸停時顯示的內容。效果的工作方式應該是：.hoverCard預設顯示基礎內容（.hoverCard__showOnHover中的內容被隱藏）用戶將滑鼠懸停在.hoverCard上，此時.hoverCard__showOnHover顯示其內容，並且.hoverCard__body向上轉換（賦予其“打開”效果）可以在我的演示中看到上述內容的視覺效果，但我無法讓動畫完美地工作。我遇到

P粉289775043 2024-03-27 20:29:28

html - 在jquery使用setInterval讓齒輪循環滾動

有一齒輪，現在做的動畫是，滑鼠懸浮時才會觸發滾動事件，想做的動畫是，頁面載入完成後，隔一段時間齒輪會自己滾出去再滾回來。向右滾動和向左滾動都能實現，但是不知道jquery中怎麼寫“隔一段時間+滾出去再滾回...

習慣沉默 2017-05-16 13:25:04

angular.js - 為什麼加了 CSS3 的 transition 會導致 Angular 資料綁定失效？

問題不太好描述，勞各位費心幫我看看是怎麼回事。一個清單頁面（例如常見的使用者清單），清單的每一項因為有 box-shadow 的設置，在滑鼠懸浮的時候，box-shadow 會變化，為了讓這個效果更平滑，加了 transition；...

给我你的怀抱 2017-05-15 16:49:16

javascript - 這個描邊動畫效果是怎麼實現的呢？

滑鼠懸停在上面就會出現這個類似描邊效果，純css可以實現嗎？想實現一樣的效果具體怎麼弄呢？

学习ing 2017-06-24 09:44:08

angular.js - angularjs 使用滑鼠懸停時，標籤一直閃

我在用angularjs寫一個滑鼠懸停事件的時候發現滑鼠時標籤一直閃， angular程式碼如下： {程式碼...} 請問一下這段程式碼有什麼問題嗎? 要實現的效果就是滑鼠懸停到登入成功的標籤時，出現進入主頁標籤。麻煩看出問題的...

巴扎黑 2017-05-15 17:07:12

javascript - 關於canvas中取得滑鼠座標的問題

我想做一個滑鼠畫線的效果就是類似window自帶的畫圖板那個畫線的功能。這個需要取得滑鼠的座標值，但是我總感覺座標取得得不準確，每次我在畫布上畫出線條的時候，線條總是在遊標明顯靠下的位置畫出來的，而不是...

过去多啦不再A梦 2017-05-19 10:29:32

影像的起點和終點

我正在嘗試設定圖像的起點和終點。所以我有我的畫布和圖像，當我將圖像放入畫布時，我希望當我將滑鼠懸停在起點/終點時，它會亮起一個小紅色圓圈，這意味著我可以與其他圖像創建連接。例如：1)拖曳圖像。 2)將圖像放入畫布內。 3）滑鼠懸停到起點/終點，小紅點亮起。如您所見，紅點僅在懸停時出現。另一個問題，但如果你解決第一個問題很酷，圖像不會跟隨烤架（正方形）。這是html/js的範例constresistor

P粉511757848 2023-08-31 12:24:51

javascript - 一個關於mousdown事件的問題

求助，我用$.animate 實現了一個基於頁面元素mousdown的事件，做好之後發現一個問題，連續多次點擊滑鼠後會重複多次播放動畫，我想要實現的效果是每次點擊時都從頭播放動畫，多次點擊會產生多個mousdown事件，如...

世界只因有你 2017-05-19 10:14:34

無法取得滑鼠準確座標的問題：在調整頁面大小時使用HTML5畫布

我想從前端專家那裡創建這個像素效果。雖然我能夠在全螢幕畫布上實現整個像素效果：constcanvas=getElementById('canvas');canvas.height=window.innerHeight;//給畫布設定全螢幕高度canvas.width=window.innerWidth;//給畫布設定全螢幕高度canvas.width=window.innerWidth;//給畫布設定全螢幕寬度並且很容易取得滑鼠的座標constmouse={x:undefined,y:u

P粉752290033 2023-09-12 12:20:33

javascript - 使用vue2.0 transition怎麼完成滑鼠移上去，從螢幕外側滑出二維碼，離開二維碼滑出螢幕的效果，

使用vue2.0 transition怎麼完成滑鼠移上去，從螢幕外側滑出二維碼，離開二維碼滑出螢幕的效果，以下是我寫的程式碼，但是我寫的下過卻是：滑鼠移上去，盒子是滑動過來的，滑鼠沒離開，盒子卻已經消失了，求解.erwe...

PHP中文网 2017-05-19 10:30:36

javascript - JS事件冒泡問題

結案：改用CSS來實現此動效了。謝謝各位的幫助，改用CSS來現實此動效了。 1、我在下述程式碼中監聽了a標籤的mouseover和mouseout事件來觸發canvas動畫，在mouseover、mouseout的回調中阻止了事件冒泡，但當滑鼠移...

学习ing 2017-06-12 09:32:56

有條件地將className更改為css模組（React）

我正在嘗試在用戶懸停在我的網站導航欄上時播放動畫。我試圖透過根據滑鼠是否懸停在導覽列上來更改css模組來實現這一目標。我正在努力弄清楚為什麼這段程式碼不起作用。非常感謝任何幫助！ Navbar.jsx：importReact,{useState}from"react";import{Link}from"react-router-dom";importstyles

P粉799885311 2023-08-17 18:10:17

Vue橫向捲動

我想用滑鼠水平滾動圖示。我在Javascript中用scrollLeft嘗試過，但滾動時該值不會改變。滾動時，只有deltaY值在100和-100之間變化。有人知道問題出在哪裡嗎？當我滾動並且滑鼠懸停在滾動條上時，它可以工作，但我希望它可以在整個div容器上工作。如果可能的話，我也想在沒有依賴項/npm-libraries的情況下執行此操作。模板<divclass="iconsfl

P粉755863750 2024-03-25 21:06:27

怎麼可以實現在手機瀏覽器看到連結的title屬性，就是滑鼠放上去會有一個tip效果的

電腦上可以看，手機上沒有滑鼠移上去這個mouseover動作有什麼js腳本可以增強這個title屬性的效果嗎

阿卡 2018-10-18 15:37:43

懸停時傾斜效果錯誤

我有一個帶有傾斜效果的按鈕，裡面有一個文本，當我懸停該按鈕時，按鈕旁邊會出現兩行。有代碼，將滑鼠懸停在按鈕上直到看到它，這是一個非常隨機的副作用。我認為這是Chrome的問題，但我不確定。這是問題的圖片：https://prnt.sc/hafHhDOHntco.button-skew{position:relative;width:fit-content;padding:6px40px;borde

P粉520545753 2024-03-29 13:34:50