提問搜尋_PHP中文網

社群學習工具庫休閒

繁体中文

熱門搜尋：
PHP
MySQL
jquery
HTML
CSS

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可以實現嗎？想實現一樣的效果具體怎麼弄呢？

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

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

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

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

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

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

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

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

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

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

懸停時傾斜效果錯誤

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

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

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

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

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

影像的起點和終點

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

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

有條件地將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

CSS 樣式未套用於網站

我正在使用Bootstrap5製作網站，但index.css屬性未應用於index.html。當我將滑鼠懸停在服務卡上時，背景應該會發生變化，從而產生過渡效果。應該是從這個到這個。但是，我認為連結到HTML的CSS可能有問題，因為當我嘗試將網站的背景更改為隨機顏色時，該更改不會出現在網站上。 @importurl('https://fonts.googleapis.com/css2?family=P

P粉613735289 2024-04-06 17:12:23

javascript - js scroll滑動靠近最頂部的條目顯示在最頂部

我現在要實現一個功能是，滑動列表滑動，當滑動靜止的時候，靠近最頂部的條目顯示在最頂部。就像這樣：（力道有輕有重，滑動靜止的時候停在什麼地方都有可能）。有沒有人做過這個效果啊，求指點點點，謝謝....

PHP中文网 2017-07-07 10:34:23

求一款javascript地圖標記插件

1，有沒有這樣一款javascript插件可以實現下面這種效果左側的三個物件可以拖曳到右側地圖上，拖曳到地圖上鬆開滑鼠後會在地圖上留下一個標記（用來標記地圖位置），放開滑鼠後彈出可以編輯的對話框。

怪我咯 2017-05-18 10:49:58

javascript - 相簿效果如何實現的？用什麼插件？

圖片點擊預覽、左右滑動、還有數字，我把連結放到電腦上來，滑鼠點擊就沒有效果了。有沒有成熟的插件可以用。自己寫的遮罩可以實現預覽，但是左右切換不是很好寫。

PHP中文网 2017-06-30 09:56:05

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

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

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

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

css - angular前端如何讓ng-repeat的內容並排一行，跑起來呢？

html程式碼： {程式碼...} js: {程式碼...} js指令： {程式碼...} marquee.html {程式碼...} 現在的效果是這樣的：不是一行的。如何讓其變成一行，這樣顯示：4<5<6,並且當滑鼠移動到4上，停止滾動，並且彈出一個提示...

给我你的怀抱 2017-05-15 17:04:09

建立一個懸停效果，將選單按鈕轉換為具有陰影複製版本的 x 形狀

首先我想承認我的標題很令人困惑，對此感到抱歉。我想要實現的是懸停時的以下效果：我的網站在這裡https://wordpress-493302-3130963.cloudwaysapps.com/我已經成功地使用css轉換完成了我想要實現的目標的一半，但無法看到創建按鈕的影子副本，如上圖所示。我的CSS如下.cta-button-menu:hover{transform:rotateZ(45deg)

P粉546257913 2024-04-04 11:55:21

javascript - 實作滑鼠劃出個div框，取得被div覆蓋的dom元素

類似於這種效果透過滑鼠移動，拉取一個div框選中被div覆蓋的dom元素。大家有沒有什麼好的想法可以實現我想出的方法是透過判斷div的offsetLeft,offsetTop和需要選中的各個元素的offsetLeft,offsetTop，如果dom元...

仅有的幸福 2017-05-19 10:09:21

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

在 VEGA 中使用標籤強制直接佈局

我正在嘗試使用力導向佈局在VEGA中建立網路圖，該佈局顯示每個節點的標籤。這個問題中提到了一個可能的方法。透過參考Vega編輯器，我們可以觀察到標籤是存在的，但存在一些重疊和視覺混亂的問題。因此，我想知道是否有可能實現與此範例類似的結果，其中標籤在將滑鼠懸停在節點上時出現，並在圖表中保持突出顯示和固定。我嘗試了“文字”字段中的一些更改，但我想它可能比這更複雜。

P粉882357979 2024-02-26 18:46:59