代碼為：
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> 本文鏈接：很酷的漂浮代碼

轉載于:https://blog.51cto.com/2217639/408947

總結

以上是生活随笔為你收集整理的很酷的漂浮代码的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。