很酷的漂浮代码

代码为:
var no = 8 ;
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;

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;

/*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("<div id=\"snowFlakeDiv_"+ i +"\" style=\"position:absolute; z-index:11; visibility:visible; top: 15px; left: 215px;\"><img src=\"" + snowflake[snowFlakeImgNo] + "\" border=\"0\" id='snowImg_"+ i +"'></div>");
}

function snowFlakeFloat() {
       var now = new Date();
       var second = now.getTime();
       var scrollTop = document.body.scrollTop;
       var snowflakeDiv_0 = d.getElementById("snowFlakeDiv_0");
       var snowflakeDiv_1 = d.getElementById("snowFlakeDiv_1");
       var snowflakeDiv_2 = d.getElementById("snowFlakeDiv_2");
       var snowflakeDiv_3 = d.getElementById("snowFlakeDiv_3");
       var snowflakeDiv_4 = d.getElementById("snowFlakeDiv_4");
       var snowflakeDiv_5 = d.getElementById("snowFlakeDiv_5");
       var snowflakeDiv_6 = d.getElementById("snowFlakeDiv_6");
       var snowflakeDiv_7 = d.getElementById("snowFlakeDiv_7");
       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) / 1000 > 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];

              eval("snowflakeDiv_"+i).style.pixelTop = y_point[i];
              eval("snowflakeDiv_"+i).style.pixelLeft = x_point[i] + x_length[i]*Math.sin(x_sin[i]);

       }
}

window.setInterval("snowFlakeFloat()",100);

2. 在你需要的页面链接代码文件:<SCRIPT language=javascript src="漂浮.js"></SCRIPT>
3.
加入图片
代码为:

引用:

<SCRIPT language=JavaScript>
//我这只加了三张图片,其实你还可以多加几种图片,图片文件一般小。
var snowflake = new Array();
snowflake[0] ='float1.gif';//图片一
snowflake[1] ='float2.gif';//图片二
snowflake[2] ='float3.gif';//图片三
</SCRIPT>

时间: 2024-09-27 17:28:27

很酷的漂浮代码的相关文章

qq在线客服漂浮代码

<!doctype html public "-//w3c//dtd html 4.0 transitional//en"> <html> <head> <title>代码</title> <meta name="generator" content="editplus"> <meta name="author" content="&quo

fixedBox固定div漂浮代码支持ie6以上大部分主流浏览器_javascript技巧

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-

可关闭的qq客服漂浮代码

售前咨询 在线客服 在线客服 在线客服 在线客服 在线客服 在线客服 售后反馈 在线客服 在线客服 ">在线客服

js实现漂浮回顶部按钮实例_javascript技巧

本文实例讲述了js实现漂浮回顶部按钮的方法.分享给大家供大家参考.具体实现方法如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <

在JS文件中调用JS文件,可以不停的调用

js 今天本站的广告客户时代互连在本站做的全站漂浮广告,本来是本站已经预设置了一个JS的广告位,并且也有漂浮代码了!但是他们说漂浮的效果好象不好,让我换成他们的JS文件! 于是我开始搜索最终找到了在JS文件中调用其他的JS文件,并且把这种功能可以扩展下: 就是说在1.JS中调用2.JS,在2.JS中调用3.JS--    调用的方法和代码如下: 在1.js中输入下面代码可以调用2.js  document.write("<scr"+"ipt  language=java

程序员最爱的Linux平台开发工具有哪些?

  Linux程序员经常抱怨,自从他们使用了免费开源的系统平台后,作为一名程序员,却并没有在代码编辑器上得到足够的重视.他们往往会认为Linux平台上的代码编辑器太少了,以至于影响他们的编程工作.但是事实并非如此,在Linux平台上有太多的代码编辑器供你使用了,下面我们分享了5个最受Linux程序员欢迎的代码编辑器,继续在编程的路上前行吧! 1.Eclipse Eclipse是一款很酷的开源代码编辑器,同时它也是最受程序员亲睐的代码编辑器之一,它拥有代码高亮和智能提示等强大的功能.在Eclips

17个Python小技巧分享_python

1.交换变量 复制代码 代码如下: x = 6 y = 5 x, y = y, x print x >>> 5 print y >>> 6 2.if 语句在行内 复制代码 代码如下: print "Hello" if True else "World" >>> Hello 3.连接 下面的最后一种方式在绑定两个不同类型的对象时显得很酷. 复制代码 代码如下: nfc = ["Packers",

5个Linux平台程序员最爱的开发工具汇总_其它综合

Linux程序员经常抱怨,自从他们使用了免费开源的系统平台后,作为一名程序员,却并没有在代码编辑器上得到足够的重视.他们往往会认为Linux平台上的代码编辑器太少了,以至于影响他们的编程工作.但是事实并非如此,在Linux平台上有太多的代码编辑器供你使用了,下面我们分享了5个最受Linux程序员欢迎的代码编辑器,继续在编程的路上前行吧! 1.Eclipse Eclipse是一款很酷的开源代码编辑器,同时它也是最受程序员亲睐的代码编辑器之一,它拥有代码高亮和智能提示等强大的功能.在Eclipse中

JavaScript常用验证函数实例汇总_javascript技巧

本文实例汇总了JavaScript常用验证函数.分享给大家供大家参考.具体汇总如下: 一.字符串类验证 1. 长度限制 复制代码 代码如下: <script> function test() { if(document.a.b.value.length>50) { alert("不能超过50个字符!"); document.a.b.focus(); return false; } } </script> <form name=a onsubmit=&