代码结构如下
请点击输入图片描述
请点击输入图片描述
index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>Document</title>
</head>
<body>
<script type="text/javascript" src="./js/EffectItem.js"></script>
<script type="text/javascript" src="./js/Effect.js"></script>
<script type="text/javascript">
new Effect({
effectUrl : './images/timg.jpg',
rotate : false,
direction : "up"
})
</script>
</body>
</html>
效果如下:
请点击输入图片描述
代码太多,放不完,你私信我,我发你
1、修改部分如下:<html>
<head>
<script src="http://www.ren3.cn/Snow Demo/jsized.snow.min.js" type="text/javascript"></script>
<script>
/**
* This function takes 2 arguments
* First is the path to the directory with snowflake images
* Second is the maximum number of snowflakes, please do not
* set this number above 60 as it will impact the performance
*/
createSnow("", 60)//目录改为当前目录
</script>
</head>
<body>
测试
</body>
</html>
2、在该网页目录 下 新添加 四张雪花图片 命名规则(snow0.gif snow1.gif snow2.gif snow3.gif)