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

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

P粉289775043 2024-03-27 20:29:28 0  1  437

影像的起點和終點

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

P粉511757848 2023-08-31 12:24:51 0  1  570

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

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

P粉757432491 2023-08-17 17:36:49 0  1  503

JavaScript實現縮圖到全寬影像頁的平滑過渡

http://manifesto.clapat.com/如果您在主頁上點擊任何項目，您將從縮圖轉換到全螢幕圖像，該圖像將成為該項目頁面的標題。這些過渡效果是如何創建的，以及最好的方式是使用內部路由而不是ReactRouter來實現它們，但如果有人能夠使其與ReactRouter一起工作，我也可以進行移植。有一些教程可以找到，但它們都在同一頁上加載數據，類似於全螢幕模態組件，而不是轉到另一個/項目頁面

P粉536532781 2023-09-15 22:09:37 0  1  965

如何將可折疊元素插入到 Flexbox 佈局中

我有一個圖像繞行的彈性盒佈局，我想在單擊圖像時顯示一些資訊。此資訊應顯示在包含影像的行與其正下方的行之間，而不移動「列」。這就是我想要的效果類型：http://olmenta.altervista.org（當您點擊一本書時）。這是我所做的：https://jsfiddle.net/fabhpnw9/3/varcoll=document.getElementsByClassName("re

P粉366946380 2024-03-19 23:20:59 0  2  375

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

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

PHP中文网 2017-05-19 10:30:36 0  2  850

javascript - JS事件冒泡問題

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

学习ing 2017-06-12 09:32:56 0  3  820

javascript - 關於atom編輯器minimap的問題

描述不清楚直接上圖當我按住滑鼠左鍵抓住圖下拉到底的時候然後鬆開滑鼠左鍵它又會回到頂部,跟第一張圖一樣以上是我現在atom編輯器minimap的情況,而我想要的是下拉到底部,放開滑鼠以後,他就定在底部了,不能回...

黄舟 2017-05-19 10:26:44 0  1  386

使用 React 在圖像上放置互動式標記

請幫忙。我有一個像下圖這樣的圖像顯示在主頁上（一個更大的圖像）。請注意，「FORGE」房屋的中間有一個白色和藍色標記，並帶有黑色箭頭。 「出租」房屋也是如此。這些標記中的每一個都將充當互動式按鈕。以下是預期的互動行為：將滑鼠懸停時，藍色背景將展開以顯示「Forge」或「Rentals」等文字點擊後，它將引導使用者前往對應的「Forge」或「Rentals」頁面。也希望它能夠響應，如果當螢幕調整大小時，

P粉896751037 2023-09-08 21:25:41 0  1  833

如何讓滑桿預覽慢動

我需要滑桿預覽按圖像移動，但現在它立即移動到末尾我嘗試使用兩個按鈕（左和右）創建預覽滑塊，但當我按下右按鈕時，它會移動到末尾，而我需要它按圖像移動這是連結：https://codepen.io/alexvambato/pen/yLGBxKK/*在codepen.io上查看樣式*/functiontoMove(){varmove=document.querySelector('#thumbelina

P粉715274052 2023-08-17 22:42:11 0  1  593

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

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

过去多啦不再A梦 2017-05-19 10:29:32 0  1  594

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

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

给我你的怀抱 2017-06-30 09:52:30 0  1  849

javascript - swiper圖片無法劃動

題主是用vue寫的因為沒有請求的數據就造了些假數據: 這是動態生成的img標籤然後再頁面上使用: 但打開chrome看一下效果發現這個不能劃動,只能看到初始的那張照片動態產生的img也是正確結構如下但為什麼不能劃...

黄舟 2017-07-05 10:48:46 0  6  1272

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

使用純Javascript實現影像替換的過渡效果

在我創建的網站上，我有一些手風琴，每個手風琴的頂部都有一個圖像。當您打開手風琴時，裡面有一個描述，圖像會變成另一張。然後，當您關閉手風琴時，影像會切換回第一個影像。問題是我希望這個圖像變化有一個平滑的過渡，具有淡入淡出的效果，而現在它只是一個突然的變化。我該怎麼做？假設手風琴按鈕的id為「button」；包含第一張圖片（將更改為第二張圖片）的標籤的id為「firstimage」。這是JavaS

P粉458913655 2024-03-30 00:14:11 0  1  434

javascript - 圖片聚攏效果，加上3D效果為何聚攏後有線條

一個div裡裝很多子div，子div背景圖合在一起拼成一整張圖；聚攏效果我加上3D y軸反轉效果為啥就拼接的時候中間有了細縫按道理來說聚攏後應該是這樣結果是這樣附上程式碼.pic{width: 1000px;height: 655px;positi...

曾经蜡笔没有小新 2017-05-18 10:46:23 0  1  551

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

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

PHP中文网 2017-06-30 09:56:05 0  4  785

如何在影像載入前為可變大小的影像預留空間，以防止佈局變更？

我有一個包含文字、圖像標籤和一些文字的html頁面，如下所示：這是圖像之前的文字。 <imgsrc="image.jpeg"/>這是圖片之後的文字。現在當頁面加載時，由於圖像加載需要更長的時間，文字會在圖像之前加載。因此會出現佈局變化，即圖像之後的文字會緊接在圖像之前的文字後面，如果圖像尚未加載，則不會為圖像預留任何空間。然而，當圖像載入完成後，圖像之後的文字會移到下

P粉936509635 2023-08-28 00:04:44 0  1  609

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

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

P粉546257913 2024-04-04 11:55:21 0  2  450

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

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

P粉940538947 2023-09-06 20:29:59 0  1  575