代码为:2. 在你需要的页面链接代码文件:<script language=javascript src="漂浮.js"></script>
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);
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