圖像動畫與鼠標y的運動

所以我把網站作爲一個業餘愛好沒什麼專業，但我發現一個非常好的網站，我認爲它有一些事情，我從來沒有見過像以前一樣使用3個圖像（我搜查起來，並找出如何做到這一點）。圖像動畫與鼠標y的運動

但是我不能簡單地谷歌是他如何使每個圖像單獨移動鼠標y運動，我不知道這是可行的只是CSS或我需要使用JavaScript以及？（注意：我幾乎不知道任何JavaScript）。

這裏是網站：https://buy.cosmicpvp.com/ 我指的是網站的頂部。

2017-06-05 Suny C

歡迎來到SO。 **我們在這裏幫助您解決問題或幫助您提供的代碼。**請參加[導覽]（https://stackoverflow.com/help）並閱讀[幫助中心]（https：// stackoverflow .com/help）如何/在哪裏發佈問題。搜索_Mouse Parallax_，你會得到你正在尋找的東西。 – Syfer

這就是所謂的視差效果。

看起來有問題它使用this jQuery plugin的網站。要回答你的問題，你絕對需要JavaScript。

來源

2017-06-06 00:04:06 Cynigo

令人驚歎！這幾乎是我所需要的，我想重現我提供的網站的確切內容，我可以設法使用代碼來玩弄我的方式，除了使用javascript。你會介意告訴我，我需要修改JavaScript以使其僅在水平鼠標移動中移動？ –

您禁用選項對象的'yparallax'：'$（ '＃背景'）mouseParallax（{moveFactor：5}）;' - >'$（ '＃背景'）mouseParallax（{moveFactor：5，yparallax ：false}）;' – Cynigo

感謝您的幫助，但不幸的是，沒有奏效。 $（'＃background'）。mouseParallax（{moveFactor：5，yparallax：false}）; 似乎沒有什麼改變 –

圖像動畫與鼠標y的運動

回答

相關問題