介绍
这篇文章将为大家详细讲解有关javascript如何实现雪花飘落效果的方法,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。
圣诞节快到了相信许多公司的前端都在会收到一个需求,那就是做一个关于圣诞节的专题,而这个专题为了应对圣诞节这个主题都会加上雪花飘呀飘这个小动画,当然我们公司也不例外,下面就是本人用js写的一小段雪花秀啦:
& lt; !DOCTYPE html> & lt; html> & lt; head> & lt;元charset=癠TF-8"祝辞 & lt; title> & lt;/title> & lt;元http-equiv=癈ontent-Type"内容=皌ext/html;charset=UTF-8"/比; & lt;元http-equiv=癤-UA-Compatible"内容=癐E=边缘,chrome=1,比; & lt;元内容=翱矶?设备宽度,初始=1.0,最大范围=1.0,user-scalable=no"name=皏iewport"比; https://www.yisu.com/zixun/& lt;脚本src=" jquery-1.8.3.min.js "> 脚本> 头 <时尚> html { max-width: 720 px; } 身体{ 宽度:100%; 高度:100%; 保证金:0汽车; overflow-x:隐藏; } .snow { 宽度:100%; 高度:100%; 背景:粉色; 溢出:隐藏; } .snow_img { 位置:绝对的; 前:-50像素; margin-left: 1 px; }> 风格 身体<><脚本> $(函数(){ $('体'). css(“高度”,(窗口)美元.height ()) var wid=$ (“.snow”) .width (); var html_snow=" %20脚本 身体>