你的網(wǎng)站移動背景
如果它不移動,它就不是現(xiàn)代的,你的網(wǎng)站移動背景,這也適用于你的網(wǎng)站的背景。做網(wǎng)頁問題,怎么把網(wǎng)頁的背景固定,就是內(nèi)容向下移動的時(shí)候,你的網(wǎng)站移動背景。
怎么移動背景圖片的位置,JS實(shí)現(xiàn)往下不斷流動網(wǎng)頁背景的方法,實(shí)例分析,現(xiàn)在你的背景在桌面和移動設(shè)備上將會有一個(gè)漂亮的視差移動效果。
JavaScript的氣泡
活潑的背景是一個(gè)非常小的JavaScript的挪威開發(fā)商叫戴維的人的名字寫在GitHub醉。它的壓縮696字節(jié),短腳本不會超載任何網(wǎng)站,但將導(dǎo)致適當(dāng)?shù)倪\(yùn)動量。
在五彩繽紛的頁面背景中觀看他們的旅程的圓形泡泡幾乎是冥想的。只專注在呼氣,并開始放松。
拋開所有笑話。如果你正在尋找網(wǎng)站的時(shí)尚配件,你可以坐下來,用醉醺醺的JavaScript。
拖動到您的項(xiàng)目中的JavaScript通過CDN,例如,啟動它通過調(diào)用函數(shù)bubbly();。冒泡創(chuàng)建一個(gè)分配給身體標(biāo)簽的畫布元素。畫布總是占據(jù)整個(gè)視口。因此,沒有必要進(jìn)一步坐立不安。只需使用上面顯示的片段,就可以開始了。
通過參數(shù)選擇更多選項(xiàng)
然而,如果你這樣做,你只得到一個(gè)藍(lán)色的背景,白色到朦朧的藍(lán)色泡沫漂浮在周圍。因?yàn)檫@不可能滿足所有人的口味,醉給我們調(diào)整的背景和氣泡,你的欲望的幾個(gè)參數(shù)。
開源與Free
在項(xiàng)目的GitHub的網(wǎng)頁,你會在某種程度上,比上面的截圖更清晰的找到所需的代碼片段。如果您不想通過節(jié)點(diǎn)或CDN集成JavaScript,您可以在這里下載JavaScript。
在自由的Apache許可證2中分發(fā)冒泡的背景,只要您不從源代碼中刪除許可信息和版權(quán)注釋,就允許您免費(fèi)使用和修改原始材料,即使是出于商業(yè)目的。