网站地图
首页
php教程
asp.net教程
手机开发
css教程
网页制作
办公数码
jsp教程
asp教程
ps教程
当前位置:
编程学习网
>>
网页制作
>
js教程
> >
js特效大全|js特效下雪效果代码
js特效大全|js特效下雪效果代码
发布时间:2017-07-01
【www.gdgbn.com--js教程】
提示:您可以先修改部分代码再运行
js特效下雪效果代码
打开效果
<script language="javascript"> var snowflake = new Array(); function getimg(piao) { snowflake=piao.split(","); } //window.onload=function() //{ getimg("http://www.111cn.net/banner/banner.gif,http://www.111cn.net/banner/banner.gif,http://www.111cn.net/banner/banner.gif"); //} </script> <script language="javascript"> var showimg=1; var no = 18 ;//同期显示图片数 var speed=100;//下降速度 var oTime = new Date(); var lastTime = oTime.getTime(); var x_sin, x_point, y_point; var x_length, x_increased, y_increased; var i, body_width = 932, body_height = 538; var lastTime = 0; var fallInterval = 2.4; var num; x_sin = new Array(); x_point = new Array(); y_point = new Array(); x_length = new Array(); x_increased = new Array(); y_increased = new Array(); var oBody = document.body; var d=document; var floatDiv=""; /**/body_width = oBody.clientWidth; body_height = oBody.clientHeight; for (i = 0; i < no; ++ i) { snowFlakeImgNo = Math.round(Math.random()*(snowflake.length-1)); x_sin[i] = 0; x_point[i] = Math.random()*(body_width-250)+100; y_point[i] = Math.random()*body_height; x_length[i] = Math.random()*20; // x_increased[i] = 0.02 + Math.random()/10; // y_increased[i] = 0.7 + Math.random(); x_increased[i] = 0.08 + Math.random()/5; y_increased[i] = 2.7 + Math.random()*2; d.write("
"); //floatDiv=floatDiv+"
"; } function snowFlakeFloat(num) { var now = new Date(); var second = now.getTime(); var scrollTop = document.body.scrollTop; if (num==1) { for (i = 0; i < no; i++) { if (y_point[i] >= 0) { y_point[i] += y_increased[i]; } if (y_point[i] > scrollTop + body_height - 10 || y_point[i] < scrollTop || y_point[i] < 0) { // 移出窗口,或在等待队列 if ((second - lastTime) / 2000 > fallInterval) { // 从队列中下落 snowFlakeImgNo = Math.round(Math.random()*(snowflake.length-1)); if (document.getElementById("snowImg_"+i)) { document.getElementById("snowImg_"+i).src = snowflake[snowFlakeImgNo]; } x_point[i] = Math.random()*(body_width-x_length[i]-250) + 100; y_point[i] = scrollTop; x_increased[i] = 0.05 + Math.random()/2; y_increased[i] = 2.7 + Math.random()/2; // x_increased[i] = 0.05; // y_increased[i] = 2.7; body_width = oBody.clientWidth; body_height = oBody.clientHeight; lastTime = second; }else { y_point[i] = -50; } } x_sin[i] += x_increased[i]; document.getElementById("snowflakeDiv_"+i).style.pixelTop = y_point[i]; document.getElementById("snowflakeDiv_"+i).style.pixelLeft = x_point[i] + x_length[i]*Math.sin(x_sin[i]); } }else{ for (i=0;i
提示:您可以先修改部分代码再运行
本文来源:
http://www.gdgbn.com/wangyezhizuo/17939/
上一篇:
【js菜鸟教程】js教程:createPopup 教程
下一篇:
json|js tips 弹出层
相关推荐
【ps制作火焰效果教程】ps制作火焰效果
qq欧美颓废头像|最新qq非主流颓废头像
[phpstudy]php mail 发送邮件
关键词怎么选择|关键词应该该如何选择方法
【ps立体制作教程】ps制作立体按钮
非主流头像黑白_最新非主流黑白颓废闪图
【phpstudy】PHP header 函数教程
[ps照片处理教程视频]ps照片处理教程
在线ps照片处理|ps非主流照片处理教程
【phpstudy】php setcookie 用法
网友关注
[最新个性非主流美女图片]最新个性非主流美女性感图
php与mysql基础教程_ajax与php基础教程
php保存远程图片大小_php保存远程图片
谷歌地图在中国能用吗_中国将成谷歌增长发动机
如何人肉找人_人肉营销网上热络:兼职导购月入过万
【asp判断用户登录】asp判断用户登录
[如何注册google账号]如何针对google进行优化
【seo优化】seo优化内链好处与方法
[asp.net]asp 判断 来自那个搜索引擎
asp.net_asp 检测浏览器和操作系统类型
热门标签
js图片特效大全
js特效素材网
最新js教程
js教程
js遍历对象_js中查找对象代码
js教程
javascript学习指南_java 自动装箱拆箱实现方法
js教程
eclipse连接mysql数据库_java连接db2数据代码
js教程
flash player|flash js Fusioncharts 参数详解与参考
js教程
json_js ajax XMLHttpRequest与jq $.ajax
js教程
【js利用cookie】js利用cookies与正则设置字体高亮显示
js教程
asp.net core_asp.net DataGridTree 下拉树 实现方法
js教程
[jsp注册页面代码]JSP页面编码问题分析
js教程
[hibernate和mybatis的区别]Hibernate 中get()和load()与Hibernate简介
js教程
判断textarea中是否有回车符|判断textarea中是否有回车符方法
js教程热门文章
js教程
json|js tips 弹出层
js教程
无广告的asp免费下载|无广告的ASP免费空间
js教程
【json】js 间断向上滚动
js教程
json_js 弹出提示对话框
js教程
【json】js innerHTML 改变div内容
js教程
js图片变大_js图片变换效果
js教程
json|js tab 切换选项卡
js教程
[js图片上下滚动效果代码]js图片上下滚动效果
js教程
[javascript学习指南]JavaScript While Loop 教程
js教程
【javascript学习指南】JavaScript Try Catch 实例教程
声明:本网站尊重并保护知识产权,根据《信息网络传播权保护条例》,如果我们转载的作品侵犯了您的权利,请在一个月内通知我们,我们会及时删除。
Copyright©2006-2019 编程学习网 www.gdgbn.com 版权所有