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

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

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

使用 touchmove 捕捉 Y 座標：逐步指南

我正在嘗試使用html、javascript和canvas製作一個移動應用程序，基本上向下滾動會增加圖像的縮放，向上滾動會減少圖像的縮放，但我只能減少縮放，因為向上滾動時不斷增加尺寸，我希望它能減小尺寸。部分javascript程式碼：document.addEventListener('touchmove',(event)=>{if(event.pageY<0){zoomLevel/=1

P粉996763314 2023-10-08 10:35:03 0  1  699

javascript - 原生js輪播圖

最近在搗鼓原生js輪播圖 我給切換加了transition 所以最後一張到第一張有很大的銜接問題。想法是最後一張圖片後面append第一張圖片，然後父元素remove第一張圖片 1231這樣思路 請問有沒有大神寫過類似代碼，可以...

PHPz 2017-05-18 10:46:20 0  4  1100

當頁面接近結束時，元素必須消失

我有這個JS程式碼，用於在從頁面頂部向下滾動時添加和刪除類，但我想要做的是當您接近頁面末尾或返回時消失一些滾動後恢復到舊狀態（例如，從右： 7px到右：-150px）。我複製了相同的JS程式碼並更改了scrollTop>rollBottom，但它不起作用。 jQuery(document).on('scroll',(e)=>{if(document.body.scrollTop>120|

P粉463418483 2024-03-29 23:04:00 0  1  363

實作針對特定部分的頁面內垂直捲動而不移動整個頁面

我已經在一些頁面上看到過這個效果：你向下滾動，但頁面本身似乎一動也不動。因此，有些元素會淡入或淡出，出現或消失。我有一個包含5個卡片的部分。現在我想要創建相同的效果。當我向下滾動到該部分時，我希望透過上下滾動來導航該部分。根據我目前所在的位置，我希望顯示或隱藏一張卡片。我開始為該部分添加了overflow:scroll，但之後我就沒有更多的想法來創造這個效果了。

P粉946437474 2023-08-15 19:29:46 0  1  398

為何在為最末一欄新增類別時圖片和動畫會消失？

我正在嘗試在一個無限循環中對6個圖像進行動畫。當我新增第6個圖像並且新增「poster」類別時，沒有任何圖像顯示，但是如果我省略將「poster」類別新增到第6列（或圖像），前5個圖像將正確顯示和動畫。我不明白為什麼會發生這種情況。正如您所看到的，“poster”類不在第六列中，所以我的程式碼可以工作，但是一旦我添加了那個類，它就停止工作了。 （我正在使用bootstrap5，但我確定這與此問題無關，因為

P粉792026467 2023-08-15 11:29:09 0  1  410

javascript - 一道js練習題，為什麼這裡最後getElementsByTagName('a')[0]是0

{程式碼...} 這個實作效果是一個表格中，最後一列加入刪除的效果，我搞不懂，createElement創建了a標籤添加刪除功能之後，為什麼oTd.getElementsByTagName('a')[0].onclick =function() 這裡面TagName選的是[0]，不是...

女神的闺蜜爱上我 2017-06-26 10:57:27 0  4  849

在React中實作類似Pinterest的動態圖片的CSS網格

所以我正在嘗試使用CSSGrid來製作一個類似Pinterest的圖片圖庫。所以不同高度的圖片可以相鄰，每個圖片可以佔用空白空間。但是我看到的所有範例都是根據他們想要的高度在每個圖片上添加不同的類，而我想從資料庫動態添加圖片。我嘗試了這樣做：<divclassName=‘gallery’><imgclassName=‘image’></img><img

P粉614840363 2024-03-21 20:21:31 0  1  472

html - 如何在css使用絕對路徑的圖片做背景

在做一個項目，裡面有很多圖片要展示，處於後期維護方便的考慮，準備做成把圖片上傳後，使用絕對路徑來引用的方式來展示，這樣如果後面圖片有更新，或者增加之類的，都不需要改動項目，只要去圖片維護的地方去操...

怪我咯 2017-06-17 09:15:48 0  2  3470

javascript - 一個頁面有四個圖片，翻頁的時候想固定住某個圖片然後翻頁，如何實現呢?

頁面是這樣：一頁上顯示四張圖片，每次翻頁的時候四張一起更換，現在想在每個圖片的左上角添加一個勾選框，當圖片對應的勾選框被選中時，點擊下一頁或上一頁，這張圖片不會更換，而未勾選的圖片會更換。我現在...

给我你的怀抱 2017-07-05 10:57:46 0  1  888

javascript - 關於jQuery File Upload這個插件的問題

使用者使用input="file"標籤選擇圖片，我將使用者選擇的圖片繪製到canvas處理後，得到base64的圖片數據，然後問題來了，我怎麼將這個結果放到jQuery File Upload裡面，然後點擊按鈕上傳呢？ {代碼...}

淡淡烟草味 2017-06-10 09:49:07 0  1  638

javascript - 原生js+localStorage實現購物車效果

問題：1.頁面第一次打開的，由於沒有本地存儲，不會調取數據，商品加1，不會加入購物車，但再加1 購物車一下加2件，後面課正常加減2.每一樣商品增加第一件的時候不會進入購物車第2件的時候就加入了。展示效果...

高洛峰 2017-06-12 09:26:38 0  1  999

降低捲動背景影像的不透明度，限制最小不透明度

我試圖讓背景圖像減少滾動時的不透明度，一旦離開登陸頁面，使用vanillajavascript將其降至最低0.5。我嘗試在滾動函數中添加Math.max()使其僅降至0.5，但它會導致所有頁面的圖像保持在0.5。我希望目標網頁的不透明度始終為1，而所有其他頁面的透明度為0.5。我能夠製作滾動動畫，但需要它停在0.5。 constlandingHeight=document.getElementByI

P粉166675898 2024-04-04 23:50:53 0  1  1428

CSS行類別使某些元素超出框架，而它們應該是靜態的並固定在顯示器底部

目前我的頁面如下所示。添加行類以使兩個元素彼此相鄰後，底部導覽列被向下推到我必須滾動的位置。在這裡，您可以看到另一個沒有行元素的頁面，其中導航連結完美地黏在顯示器的底部（植物和房間導航元素不應該位於提醒標籤中（圖1），因此請忽略此元素圖片2)該頁面是可捲動的，並且使我的導覽列保持在正確的位置，但元素的輪廓不正確。所有綠色框顯示應位於另一個上方，以及編輯和刪除按鈕。我嘗試使用用於圖1的行類別來修復此

P粉156415696 2024-04-03 18:48:12 0  1  403

css3 - css字體樣式加填充色而不是背景色

有個字體樣式如下： 想要在心裡面加上顏色而不是整個包裹心的span都有顏色錯誤的效果如下： span定義如下： {代碼...} 如果加上background-color的話會出現上圖的效果，直接用color只會心型的邊框有顏色，現在想...

天蓬老师 2017-06-08 11:02:27 0  2  1244

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

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

P粉872101673 2024-04-04 11:21:03 0  1  3756

透過onclick()函數更改圖像

我想在點擊物件時將一張圖片更換為另一張圖片。程式碼按照以下順序堆疊：我希望的是，當我點擊時，將圖片更換為彩色版本的圖片，即另一張圖片。現在，我知道我可以使用JQuery/JS來實現。但是我不想為了實現這麼簡單的功能而添加大量的JS程式碼。有沒有更簡單的方法來實現？像是偽選擇器.active類別這樣的方法？我想不出來。

P粉242535777 2023-08-18 08:53:28 0  1  480

javascript - vue新手求救。 v-for和v-if在同級渲染出多個元素，如何單獨更改其中一個元素的顯示/隱藏

在自製一個能增刪改的todolist練手，模仿www.todolist.cn，做到重新編輯todo內容時卡住了，在官方沒總結出解決方案，所以在這裡求助。以下。點擊文字變成input修改，但效果是這樣的因為我v-if綁定的是同一個變數...

淡淡烟草味 2017-06-12 09:27:36 0  2  1114

使用Bootstrap Vue實現影像右對齊的方法

我是BootstrapVue的新手，嘗試使用b-cardheader將圖像對齊到右側。我試著使用<span>或<div>。模板的標題大小很完美，直到我添加了圖像，圖像也在右側顯示一點，但是在下面也有一點。這是我的codepen連結。如果你能提供任何幫助，將不勝感激。 https://codepen.io/tone373/pen/JjeYazG<b-cardheader-

P粉216807924 2023-09-07 23:33:56 0  1  608

javascript - 怎麼讓頁面中固定定位的側邊欄的位置隨著捲軸動態增加呢？

需求是這樣的，一開始頁面的側邊欄是固定在頁面的某一位置（如：right:0;bottom:0）,隨著滾動條的滾動，為了防止側邊欄折疊頁腳部分（參考下圖），到一定位置，bottom的值隨身滾動條的增加而增加，效果類似起點中...

高洛峰 2017-06-26 10:53:43 0  2  951