提問搜尋_PHP中文網

社群學習工具庫休閒

繁体中文

熱門搜尋：
PHP
MySQL
jquery
HTML
CSS

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

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

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

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

懸停中的文字會在滑鼠所在位置改變顏色

如何僅更改滑鼠所在位置的文字顏色而不是所有文字的顏色？像這樣我希望您可以看到的圓圈跟隨滑鼠移動，並且在懸停時文本僅顯示懸停中的字母部分的邊框我需要有關我需要使用哪個庫或函數的建議？

P粉697408921 2024-03-28 14:12:45

使用滑鼠懸停事件顯示飛出選單

我有一個彈出式選單，我試圖使用滑鼠懸停事件來切換它，但它似乎沒有按預期工作。我嘗試透過像這樣定位div來使用CSS懸停事件：.hero-list-blocka:hover+.flyout-menu但是這沒有用。關於如何解決這個問題/改進這個問題有什麼建議嗎？謝謝constflyoutLink=document.querySelector('.flyout-link');constflyoutMenu

P粉254077747 2024-04-03 15:14:43

當滑鼠懸停在按鈕上時，顯示一個子選單

我正在尋找一個解決方案，當我懸停在一個按鈕上時，會彈出一個子選單。目前只有在點擊時才顯示選單。有人知道我需要改變什麼，以便當懸停在一個按鈕上時菜單顯示出來，而點擊時菜單保持在那裡。解決方案：將懸停改為mouseover。有人知道如何使滑鼠懸停時不顯示所有部分（sect1...）嗎？ <script>vardivsvarbtn1=document.getElementById("

P粉021708275 2023-08-31 11:22:01

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

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

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

當一個元素懸停時如何影響其他元素

我想要做的是，當某個div懸停時，它會影響另一個div的屬性。例如，在這個JSFiddle演示中，當您將滑鼠懸停在#cube上時，它會更改background-color但我想要的是，當我將滑鼠懸停在#container上時，#cube會受到影響。 div{outline:1pxsolidred;}#container{width:200px;height:30px;}#cube{width:30p

P粉769413355 2023-08-27 12:48:40

懸停時傾斜效果錯誤

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

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

如何使Leaflet中的標記有兩個彈出視窗？滑鼠懸停時一種，點擊時另一種？

我希望將標題懸停在地圖上的標記上，然後單擊它們時會打開一個包含不同內容的完整彈出視窗。我嘗試製作一個圖例，其中包含所有標記的列表，這些標記將用作相應彈出視窗的鏈接，但我似乎不知道如何做到這一點。

P粉254077747 2024-04-01 12:40:41

如何使用 Bootstrap Vue 在懸停時開啟選擇下拉式選單

我需要一種方法來觸發<select>或<b-form-select>並在滑鼠懸停時顯示下拉選項清單。不使用JQuery或Vue.js之外的任何外部插件。

P粉635509719 2024-03-26 14:04:58

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

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

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

在Blazor wasm中實現行懸停的方法

我有一個Blazor表格元件，根據一個集合的變數行數而變化：項目名稱描述上傳者上傳日期@foreach(variteminItems){@item.Name@item.Description@item.UserName@item.UploadDate.ToString(" dd-MM-yyyy")DoWork}我需要做的是，當滑鼠懸停在某行上時，只有該行的特定元素才能啟用。例如，

P粉425119739 2023-08-13 16:53:14

如何在滑鼠懸停時根據組件欄位更改div背景

我有一個div，當它被懸停時，背景顏色會改變，我還需要根據元件中的一個元素選擇顏色。 <div*ngFor="letuofusers;"[style:hover.background-color]="u.selected?'red':'blue'"></div>

P粉968008175 2023-09-12 09:24:31

將標題重寫為：將懸停展開選單改為點擊展開的方法

所以基本上我有一個選單，當你將滑鼠懸停在上面時，它會展開。我該如何重寫我的程式碼，使其在點擊時也能展開（點擊後展開，再次點擊收縮）？如有必要，可以使用JavaScript，但我一直在嘗試只用HTML和CSS來完成所有操作。 html,body{font-family:Arial,Helvetica,sans-serif;}.navigation{width:300px;}.mainmenu,.subm

P粉090087228 2024-01-16 18:51:40

直接在 HTML 標籤中使用 SVG 不允許我將角色指派為按鈕或具有所需的懸停效果

我有一個帶有圖標的容器，該圖標應該執行兩個功能：具有按鈕的作用（可通過鍵盤/屏幕閱讀器等訪問）懸停/聚焦時變紅當我直接在標記中使用SVG時，懸停效果可以按預期工作，但我無法像使用img標籤時那樣為SVG分配按鈕角色：.container{height:500px;width:400px;background-color:lightblue;position:relative;}.favourite

P粉940538947 2023-09-06 20:29:59

當滑鼠懸浮在a這個樣式上的時候，a的背景顏色設定為黃色

這個表示法的是：當滑鼠懸浮在a這個樣式上的時候，a的背景顏色設定為黃色1234 a:hover { background-color:yellow; }

PHP中文网用户-9291898 2022-09-22 19:25:53

CSS 懸停樣式位於 div 內的元素上，且帶有 transform-style:preserve-3d 在 Safari 中不起作用

我實現了一個視差滾動標題，它裡面有一些帶有懸停樣式的社交圖示。懸停樣式目前在Safari中不起作用。當我刪除容器上的transform-style:preserve-3d時，懸停樣式可以工作（但會破壞視差）。它在Chrome中運行良好。 <!doctypehtml><htmlclass="h-full"><head><scriptsrc=

P粉346326040 2023-08-30 18:33:26

實現導覽列懸停效果的方法

我正在處理我的垂直導覽列。那個圖標的名稱應該在右側可見。當滑鼠懸停在圖示上時，名稱也應該從白色變為黑色，但它沒有起作用。我嘗試改變周圍的標籤，看看是否有幫助。我還改變了HTML中的標籤，並在CSS中改變了標籤，以使標籤能夠運作。我在這個網站上找到了解決我的問題的方法。我無法讓我的導覽列工作。我無法弄清楚如何在這裡放置程式碼。如果可以幫助的話，我願意透過訊息發送我的程式碼。我花了超過30分鐘嘗試弄清楚

P粉041758700 2024-01-10 18:06:56

解決 Tailwind CSS 中懸停狀態的問題

我目前正在為單頁網站設計導覽列的樣式。當用戶將滑鼠懸停在按鈕周圍的div上時，我希望它不僅將背景顏色更改為較深的綠色（已經可以使用），而且還使文字顏色變為白色，使其可見。然而，即使我為div指定了“hover:text-white”類，文字目前仍被覆蓋。這是我的index.html！ <!DOCTYPEhtml><htmllang="en"><hea

P粉039633152 2023-12-31 08:53:39

使用特殊遊標更改懸停時的文本

請指導我如何更改懸停時的文本，類似於monopo網站。我不需要背景。只需簡單的圓形效果（如彩色背景）和文字變更即可。此外，如果可能的話，我希望該效果僅在名為“about”的div中啟動。網站連結：https://monopo.london/

P粉665427988 2023-09-05 23:47:42