jquery是一個JavaScript庫,廣泛用于網頁開發中,它提供了許多方便的功能和方法。其中之一是制作雪花下落效果,以下是一段實現雪花下落效果的jquery代碼。
$(document).ready(function() { var snow = $(''); //創建一個雪花元素 $('body').append(snow); //將雪花元素添加到頁面中 //設置雪花位置和大小 function randomizeSnow() { var snowTop = Math.floor(Math.random() * $('body').height()); var snowLeft = Math.floor(Math.random() * $('body').width()); snow.css({ top: snowTop, left: snowLeft, width: Math.floor(Math.random() * 30 + 20) + 'px' }); } //讓雪花下落 function snowFall() { snow.animate({ top: $('body').height() }, Math.floor(Math.random() * 2000) + 5000, function() { randomizeSnow(); //雪花落地后重新設置位置 snowFall(); //繼續執行雪花下落效果 }); } //開始執行雪花下落效果 randomizeSnow(); snowFall(); });
這段代碼將創建一個雪花元素,通過設置其位置和大小,讓其在頁面中隨機下落。當雪花落地后,會重新設置其位置并再次下落,形成連續的雪花下落效果。