提問搜尋_PHP中文網

社群

學習

工具庫

AI工具

休閒

繁体中文

熱門搜尋：
PHP
MySQL
jquery
HTML
CSS

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

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

曾经蜡笔没有小新 2017-05-18 10:46:23

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

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

P粉458913655 2024-03-30 00:14:11

javascript - 當點選swipe的左右切換箭頭時，在swipe來源碼裡的slideNext函數內部如和存取到目前的vue實例

現在的需求是，用vue做了一個tab欄來配合swipe的輪播組件。當我點擊輪播圖的左右剪頭時，我想要在swipe的slideNext函數中取得到目前頁面的頁碼，並把頁碼傳給vue實例，來實現輪播圖和tab欄同步的效果！但現在 var...

漂亮男人 2017-06-26 10:58:16

javascript - 看到一個很炫的輪播圖，請教一下怎麼實現

看到https://www.pingxx.com這個頁面上面的輪播圖好酷，要怎麼實現兩邊的漸隱的效果？

某草草 2017-05-18 10:52:10

報錯

老師，我照著你的程式碼寫的輪播圖，為什麼在綁定輪播盒子點擊事件時會報這樣的錯「Cannot set property 'onclick' of null"」？

P粉373939045 2022-12-21 22:44:27

動態為多個元素添加:hover效果

是否有可能以程式設計方式為多個元素添加hover效果？在我們的系統中，有多個元素代表一個單元（但由於其他原因需要將它們分開成多個元素），在某些情況下，它們應該在懸停時一起重新著色。是否有可能以程式設計方式為多個元素添加hover效果？或者說這是否是一個好的實踐？我可以透過使用my_own_css_class來解決這個問題，在懸停時將其添加到所有元素上。但我覺得以程式方式讓它們有hover效果可能對我有

P粉203792468 2023-08-15 23:49:58

如何為Vuetify 2的輪播項新增href屬性？

我正在使用Vuetify2，並且需要在用戶點擊輪播圖像時將其重定向到一個網站，輪播的每個項目應該連結到不同的網站，所以需要有多個href或類似的東西。我嘗試了API中提供的一些屬性，但我不知道是否寫得正確或在Vuetify2中是否有效。

P粉937769356 2023-09-16 20:47:32

javascript - js image的onload沒有在圖片載入完成後執行

1.想定的效果是每加載完成一張圖片,alert"1",實際效果確是所有圖片加載完成之後,alert4次2.以下是代碼,求大腿給解解惑.//imgArray[] 這裡有4張圖片連結,太長就不寫了var count = 0; {程式碼...}

大家讲道理 2017-05-19 10:12:08

根據瀏覽器大小自動調整解析度的全尺寸影像

我有一個貨運網站。如何使我的懸停圖片填滿整個螢幕，並且不受電腦螢幕解析度的影響。當我縮小瀏覽器視窗時，它們也應該進行裁剪和縮小。謝謝。 .hover-image{display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:-1;pointer-events:none;flex -directi

P粉302160436 2023-08-16 11:40:39

html - css 如何加裝這種邊框?

如圖所示，要怎樣才能實現這種效果,給圖片四個角落添加邊框

伊谢尔伦 2017-05-16 13:34:16

如何使用插槽建立輪播？

人們不斷向我展示使用圖像數組創建輪播的相同方法。但這種方法不靈活，因為我希望輪播的每張投影片都包含一個燈箱組件。在這種情況下，我不想為我放入輪播數組中的圖像重寫燈箱的功能。那太好了嗎？編寫更少的程式碼並使Vue.js中的可重複使用元件比以往更有用。我發現了一個使用插槽的非常好的例子。 GitHub上SSENSE的VueCarousel。作為一個不太精通網頁開發人員，我仍然不明白他是如何讓每張幻燈片顯示一

P粉817354783 2024-01-10 16:53:13

建立一個懸停效果，將選單按鈕轉換為具有陰影複製版本的 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 - 誰能推薦一個能在dom元素中預覽PDF的插件

類似圖上的這種效果，現在用了一個PDF插件叫objectPDF.js，使用之後，在pdf預覽插件後面的dom元素都沒有了。

ringa_lee 2017-05-19 10:09:10

javascript - 關於輪播圖JS如何呼叫儲存變數裡的計時器

{程式碼...} 起因最近要實現一個全螢幕輪播圖的功能,然後查詢很多資料,也參考了很多的網站的程式碼,然後發現大多都是混淆過了的程式碼..看不太懂.然後自己造了原生簡陋的輪播圖..由於js基礎不紮實肯定有很多問題,希望da...

女神的闺蜜爱上我 2017-07-05 11:08:40

android - 怎麼把圖片設定在兩個佈局的邊緣上

如圖怎麼設定這樣的效果，圖片在兩個佈局邊緣上這個activity下面有一個正在播放視頻的activity，我用幀佈局已設置透明就全透明了。

淡淡烟草味 2017-05-16 13:34:07

模組找不到：錯誤：無法解析 'DavidDaDon.png'

我不太確定我在這裡做錯了什麼。我在 src 資料夾中有這些 PNG 圖片，我使用了 require 和相對路徑來引用這些圖片。我覺得自己快要瘋了。作為參考，我正在製作一個與親密的朋友和家人一起慶祝生日的倒數計時，這些圖片最終會成為一個手風琴效果顯示出來。

P粉001206492 2023-07-27 21:01:30

如何使文字在點擊時變成新元素（如分隔線）？

我正在嘗試找到一種方法，使頁面上的某些文字在單擊時變成分隔符號/新元素。我不知道如何解釋它，但是就像，想像一個下面帶有標題的圖像-單擊標題，然後上面的圖像變得像一個文本框/不同的圖像/可滾動的分隔符。我正在嘗試實現此處頁面的效果，其中單擊右側的頭骨表情符號會導致左側框中出現一個新的div/圖像。我正在查看原始程式碼並檢查她做了什麼來實現這種效果，但我仍然不確定是什麼。我正在嘗試使用w3schoolson

P粉872101673 2024-04-04 11:21:03

使用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

影像的起點和終點

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

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

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

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

P粉366946380 2024-03-19 23:20:59