手写简单的jQuery雪花飘落效果实例

前端之家收集整理的这篇文章主要介绍了手写简单的jQuery雪花飘落效果实例前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

前言

最近闲来无事,准备写个雪花飘落的效果,没有写太牛逼的特效,极大的简化了代码量,这样容易读取代码,用起来也很简单,对于那些小白简直是福利啊,简单易读易学。先直接上代码吧,然后再一一讲解,直接复制粘贴就可以拿来用了,改起来更是容易。

<Meta charset="UTF-8"> 雪花飘落

<style type="text/css">
body{background: black;height: 100%;overflow: hidden;}
.xh{cursor: pointer;}

上面是代码,是不是很简单,你们该说了能做到想要的效果吗?下面就让你们看看效果

上面就是效果了,可以把雪花换成钱或者其他东西,背景也可以改变一下,然后加个圣诞老人图片,以及其他的,这样就是一个简单的圣诞页面了,其实也是很酷的。

当然我们也可以加点其他的交互效果,把图片换成小飞机,然后做个打飞机的网页游戏,其实也是很简单的,只需在这个上面增加交互和一些逻辑就行了。下面我就给大家一步一步的讲解一下整个程序设计的思路。

前提摘要

我这个用了jq,当然也可以用原生写,只是jq比较省事,所以就用了jq。

首先引入jq:

猜你在找的jQuery相关文章