提問搜尋_PHP中文網

社群學習工具庫休閒

繁体中文

熱門搜尋：
PHP
MySQL
jquery
HTML
CSS

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

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

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

懸停時傾斜效果錯誤

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

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

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

我想要做的是，當某個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

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

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

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

為什麼懸停（hover）不起作用，樣式不顯示？

為什麼懸停（hover）不起作用，樣式不顯示？

P粉842215006 2023-08-02 20:04:07

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

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

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

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

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

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

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

Safari中無法在懸停狀態下套用CSS濾鏡

我注意到，在懸停時對filter屬性進行更改會導致macOS上的Safari16.2出現奇怪的行為：懸停時它實際上不會改變如果您點擊文本，它確實會發生部分變化，這絕對不是理想的行為使用-webkit-filter也沒有幫助。 /*problem-relevantCSS*/div{background:red;filter:grayscale(1);}div:hover{filter:grayscal

P粉436688931 2024-04-01 08:19:51

停用Vuetify 2中v-checkbox的懸停效果

當在Vuetify2中懸停在v-checkbox上時，複選框後面會出現一個變暗的圓圈。我想讓它不出現。目前，我的v-checkbox被包裹在v-tab和v-tooltip中。我懷疑這並不重要，但有可能。 <v-tabv-for="tabinmyTabList":key="tab"><span>{{$t(tab)}}</span&g

P粉826429907 2023-09-03 20:25:54

選單項目的懸停效果涵蓋整個頁面高度

我正在開發左側導覽。我希望懸停時紅色條出現在選單項目之前。它適用於「主頁」項目及其子項目，但其他根項目會導致懸停時紅色條從上到下跨越頁面的整個寬度。 $(document).foundation();.vertical.dropdown.menu[href]>i{display:block;}.vertical.dropdown.menu[href]{display:block;text-ali

P粉029327711 2024-02-04 00:36:46

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

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

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

如何製作像Windows 10設定中的懸停功能？

有人可以告訴我如何在css中進行這樣的懸停嗎？這是Windows10設定的範例。但我想在css中複製它。

P粉020556231 2023-09-12 13:02:00

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

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

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

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

在懸停覆蓋層之前和之後添加延遲內容

當我懸停在一個div上時，我希望有一個從左到右滑動的覆蓋層，然後在1秒延遲後內容變得可見。

P粉731861241 2023-08-02 17:34:53

按鈕啟動導致懸停效果故障

我一直在努力學習網頁開發的基礎知識（HTML、CSS和JS），所以我一直在嘗試製作一個可用的蘋果計算器。一切都工作正常，直到我注意到一個小錯誤。一開始，操作按鈕上的懸停效果很好，當我懸停時顏色變得更亮。當我按下按鈕時，按鈕會變得更加明亮並保持這種狀態，直到使用者輸入另一個數字（或「等於」按鈕）來與前一個數字進行操作。之後，操作按鈕將變為正常顏色。在那之前，一切都很好，但我注意到，在用戶按下按鈕並

P粉548512637 2024-04-01 21:51:26

從提交和重置按鈕中刪除懸停效果：逐步指南

當我單擊“提交”或“重置”按鈕時，我需要使用什麼命令才能使其不縮放。我希望他們看起來很正常。我應該對這個程式使用懸停，但不能對最後2個按鈕使用懸停請參閱下面我到目前為止所擁有的程式碼。任何事都值得讚賞<!DOCTYPEhtml><html><head><title>CSSrules</title><style>input:fo

P粉099000044 2024-04-01 22:32:31

在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

使用 Psuedo 元素的 CSS 懸停效果與主元素重疊

基本上，當我懸停時，我希望效果如下所示：我的網站在這裡程式碼如下忽略！重要：.cta-button-menu,.cta-button-menu::before{transition:all0.3slinear!important;width:120px!important;height:50px!important;display:inline-flex!important;justify-cont

P粉838563523 2024-03-20 10:31:28