能不能用html5做一個圖片滾動效果

能不能用html5做一個圖片滾動效果

。 2018-01-31 16:19:16 0  1  1594

javascript - 圖片顯示滾動問題

如圖片，截圖的一部分，這些圖片都是在一個ul中，假如有25張圖片。初始畫面是顯示了10張圖片，當點擊更多按鈕的時候，10張圖片整體向上滾動隱藏。從下面在滾動是10張圖片。一次只能顯示10張。再點擊一次，就顯示...

習慣沉默 2017-05-19 10:27:01 0  4  971

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

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

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

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

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

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

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

我試圖讓背景圖像減少滾動時的不透明度，一旦離開登陸頁面，使用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  1489

javascript - 滾動軸順滾與回滾，為什麼產生的效果不一樣？

當滾動軸順滾的時候，產生的效果是合理的，就是到達指定的位置，就讓對應的序號變色，但是當滾動到底部的時候，再往會滾動的時候，就會出現沒到指定區域的頂部，對應的色標已經變色了，從我底下提供的程式碼，html:...

某草草 2017-05-19 10:25:51 0  1  673

javascript - canvas上如何實現鉛筆畫線效果呢

最近做的畫線都是lineto，但是畫出的都是實線，從創意效果上考慮，想做個畫出【鉛筆】的效果~各位大神，如何畫呢。 。

習慣沉默 2017-05-24 11:37:40 0  1  1066

嘗試在導覽列後面的 html 和 css 中新增背景圖像，以便在滾動時不會顯示空間

我不知道如何使html和css中的背景圖像填充在導覽列和頁腳下方。當我滾動導航列的空間只是一個空白時，我希望它滾動時頂部和底部沒有空間。謝謝！ *{box-sizing:border-box;}body,html{margin:0auto;padding:0;}.background-container{background-image:url("http://placekitten.co

P粉118698740 2023-09-10 09:12:07 0  2  564

標題重寫為：如何實現底部貼上功能的滾動效果？

我正在嘗試實現一個類似我在這裡看到的效果但是每個部分的內容也應該是可滾動的，即只有在達到部分底部時才會固定。例如，當內容為200vh時，像這樣：section{position:sticky;top:0;height:200vh;}sectionimg{width:100%;height:100%}section:nth-of-type(1){background :rgb(225,204,200)

P粉587780103 2023-09-09 19:41:49 0  1  588

javascript - 如何讓body的背景圖在不同解析度下都全螢幕顯示呢？小解析度有垂直捲軸，多出的內容就沒有背景？怎麼解決？

我在大螢幕解析度下 背景是全螢幕顯示沒有問題 切換到小螢幕的時候 捲動出現的內容 沒有背景 請問怎麼解決？代碼：

黄舟 2017-05-19 10:30:07 0  2  639

javascript - tinymce編輯器怎樣禁止內容圖片大小調整的操作？

如題，目前使用tinymce作為發送微博內容的編輯器。插入圖片後發現點擊圖片後能修改大小，就是出現四個點，能放大縮小圖片的操作，請問怎樣禁止？

巴扎黑 2017-07-05 10:41:20 0  1  1199

css3 - 隨著捲軸下滑，頁面的每個部分隨之出現效果是怎麼做到的

看了一個網站，隨著滾動條向下滑動，頁面的每一部分都出現了首次加載時的效果之後如果再次刷新才會重新出現這些效果，這是怎麼做到的呢？是寫在jquery的load裡面嗎類似這個網站的首頁這樣http://www.itxdl.cn/bra...

漂亮男人 2017-06-05 11:10:23 0  2  1845

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

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

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

javascript - scroll滾動問題

1，https://www.kayak.com.hk/holi...主要效果就是這個網站的效果。當滑動捲軸的時候，右邊的div會向下捲動，這時候左邊的div也會跟著滾動。但是由於左邊的div太長，所以要隱藏最上面的一部分，這個效果實現。 ……

过去多啦不再A梦 2017-06-26 10:55:45 0  4  955

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

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

伊谢尔伦 2017-05-16 13:34:16 0  6  951

圖片驗證碼使用session以後報錯

這是沒開session的效果（可以正常顯示驗證碼的圖片）---------------------------華麗的分割線-- ----------------------------------------這是打開session以後的效果（沒有圖片顯示）------------------------------------------------ ------------------------

富贵 2017-10-04 01:31:24 0  2  1428

javascript - 怎麼監聽手機端螢幕的滑動以及滑動距離頂端的距離啊？

怎麼監聽手機端螢幕的滑動啊，同時計算出滾動距離頂部多少？ {程式碼...} 我這樣寫的一直是0？監聽scroll沒效果的！求大神

黄舟 2017-05-19 10:11:07 0  4  658

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

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

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

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

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

大家讲道理 2017-05-19 10:12:08 0  4  584

javascript - 微信分享H5, 這種帶底色模糊的效果是如何實現的?

像我們正常分享的效果是下面那樣, 我試用得到的分享是上面那樣帶底色(好像是圖片模糊處理的效果)的, 請問是如何實現的?

过去多啦不再A梦 2017-06-12 09:29:10 0  3  1070