在這個404 page中,我可以看到星星粒子隨着鼠標在瀏覽器中不同位置移動而移動。我不知道如何調用這個效果。如何在鼠標在html5,css3或jQuery中移動時創建移動粒子?
任何人都可以提供效果名稱的提示,什麼是正確的工具以及如何實現這一點?謝謝!
在這個404 page中,我可以看到星星粒子隨着鼠標在瀏覽器中不同位置移動而移動。我不知道如何調用這個效果。如何在鼠標在html5,css3或jQuery中移動時創建移動粒子?
任何人都可以提供效果名稱的提示,什麼是正確的工具以及如何實現這一點?謝謝!
這個例子中的星星和每一層都不是粒子。 它們是使用視差效果的固定圖像,您可以在組成div#container_layer
下的頁面的元素上看到。
這種效果可以通過各種方式實現。最常見的,反應迅速,最優化的解決方案使用JQuery,像這樣的:這部作品是用許多層和增加或減少其absolute
或relative
位置,並根據鼠標的合作http://wagerfield.github.io/parallax/
基本方式座標。
視差,例如http://stephband.info/jparallax/和更多時,谷歌搜索'jquery parallax' –