找回密码
 注册
搜索
热搜: 回贴
  • 前程无忧官网首页 有什么好的平台可以
  • 最新的销售平台 互联网营销的平台有哪
  • 制作网页的基本流程 网页制作和网页设
  • 【帝国CMS】输出带序号的列表(数字排
  • 网站建设公司 三一,中联,极东泵车的
  • 织梦 建站 织梦网站模版后台怎么更改
  • 云服务官网 哪些网站有免费的简历模板
  • 如何建网站要什么条件 建网站要用什么
  • 吉林市移动公司电话 吉林省退休人员网
  • 设计类毕业论文 网站设计与实现毕业论
查看: 104|回复: 5

仿QQ空间漂浮代码!

[复制链接]
发表于 2009-9-15 01:28:04 | 显示全部楼层 |阅读模式 IP:江苏扬州
1.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 = 0;
      x_point = Math.random()*(body_width-250)+100;
      y_point = Math.random()*body_height;
      x_length = Math.random()*20;
//      x_increased = 0.02 + Math.random()/10;
//      y_increased = 0.7 + Math.random();
      x_increased = 0.08 + Math.random()/5;
      y_increased = 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 >= 0) {
                    y_point += y_increased;
              }
              if (y_point > scrollTop + body_height - 10 || y_point < scrollTop || y_point < 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 = Math.random()*(body_width-x_length-250) + 100;
                            y_point = scrollTop;
                            x_increased = 0.05 + Math.random()/2;
                            y_increased = 2.7 + Math.random()/2;
//                            x_increased = 0.05;
//                            y_increased = 2.7;
                            body_width = oBody.clientWidth;
                            body_height = oBody.clientHeight;
                            lastTime = second;
                    }else {
                            y_point = -50;
                    }

              }
              x_sin += x_increased;

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

      }
}

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>
看了要顶!
您需要登录后才可以回帖 登录 | 注册

本版积分规则

QQ|小黑屋|最新主题|手机版|微赢网络技术论坛 ( 苏ICP备08020429号 )

GMT+8, 2024-9-30 01:37 , Processed in 0.197261 second(s), 12 queries , Gzip On, MemCache On.

Powered by Discuz! X3.5

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表