提問搜尋_PHP中文網

社群學習工具庫休閒

繁体中文

熱門搜尋：
PHP
MySQL
jquery
HTML
CSS

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

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

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

javascript - canvas設計滑鼠畫圖功能一筆畫出多條並行彩色線條

1.canvas設計滑鼠畫圖功能一筆畫出多條並行彩色線條2.試過在滑鼠事件新增繪圖 oCg.beginPath();但是事件會被覆蓋。 3.相同添加重複畫布，但是畫布覆蓋了。

PHP中文网 2017-06-13 09:24:08

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

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

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

javascript - 用 canvas 實作電子簽名，定位滑鼠在 canvas 中座標

嘗試用 canvas 實作電子簽名時，無法準確取得滑鼠在 canvas 中的座標。 {程式碼...} 用 ev.clientY 取得了滑鼠的座標，但是 canvas.offsetTop 取得的是距離父元素的高度。而 canvas 在一個有捲軸的表單中，所以...

巴扎黑 2017-05-16 13:36:00

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

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

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

無法取得滑鼠準確座標的問題：在調整頁面大小時使用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 - JS事件冒泡問題

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

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

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

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

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

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

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

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

javascript - h5的canvas標籤隱藏再顯示後位置不一樣咋整？

用js動態加入的canvas標籤，畫了一些線條，並且用的是絕對定位在特定的位置，預設是顯示的，但是產品要求可以隱藏，於是做了個按鈕點擊後可以隱藏或顯示，用的hide ()和show(),為什麼hide()後再show()，canvas的...

巴扎黑 2017-05-24 11:37:35

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

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

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

javascript - 為什麼scroll事件阻止不了冒泡？

需求是當滑鼠在頁面某個有捲軸的元素內部觸發scroll事件，阻止body的scroll一同觸發。說穿了就是：滑鼠在div裡滾時，即使div滾到頭了，body也不滾動。我給了div一個scroll事件，裡面阻止冒泡。想透過這個思路...

PHP中文网 2017-07-05 11:07:59

影像的起點和終點

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

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

javascript - canvas 裁切空白區域

用 canvas 做了電子簽名，可是用戶簽名後留白太多。有什麼辦法可以截取空白區域嗎？範例原圖：我是在簽字過程中，取得滑鼠經過的區域，從而得到如下圖紅色區域座標。然後傳給 img 對象，再繪製到 canvas 上...

黄舟 2017-05-16 13:26:16

javascript - 右側選單無法正確找到目標位置就是子選單消失後但是滑鼠還是在原來位置具體看圖

現在是我滑鼠放的位置我現在想把滑鼠移到文化中心看下圖應為上面的子選單收回但是滑鼠位置不會收回就會滑動到這個信用監管的菜單如果想回到文化中心只有現在把滑鼠往上移但這樣很影響使用者體驗但只能...

曾经蜡笔没有小新 2017-05-19 10:28:27

求大神指點js裡面怎麼監聽滑鼠滾輪事件然後跳出目前運作的方法

各位大佬：我有一段js程式碼，使用的是jquery的animate 方法，我需要在這段程式碼運行時，監聽滑鼠滾輪的動作，如果有滑鼠滾輪的動作，就退出這個animate方法，請教怎麼寫程式碼？附：window.onload = function () { setTimeout(autorollup,3000);

天空翱翔 2021-10-28 09:20:05

javascript - Js動態載入圖片是怎麼判斷圖片在螢幕中的？

滑鼠往下滾動，當目標區域出現在螢幕區域的時候載入圖片，那麼怎麼判斷這個目標區域出現在螢幕中了？

世界只因有你 2017-05-19 10:20:40

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

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

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

使用React在HTML中的SVG路徑選擇器

我正在創建一個繪畫應用程序，用戶可以在其中上傳SVG。填滿不同的顏色，在SVG上繪製，然後將其擦除。但不幸的是，我無法取得SVG的路徑。下面是SVG圖像，如果我將滑鼠懸停，我只想獲取該懸停路徑的路徑並用所選顏色填充它。我嘗試了Canvas和SVG路徑。但沒有運氣。 Canvas有beginPath方法，我用它來繪製SVG。 <?xmlversion='1.0'encoding='utf-8'?&

P粉566048790 2023-09-01 23:22:48

javascript - 如何在滑鼠不動(沒有mousemove)的時候取得滑鼠位置

如何在滑鼠不動(沒有mousemove)的時候取得滑鼠位置js jq啥都行大家說的都很有道理，很開心能和大家一起研究這個問題~等待大神~又或者現階段真的沒有方法咯~

仅有的幸福 2017-07-05 10:55:20