主题:  如何让图片飘起来?

CLEAN_5d

职务:普通成员
等级:1
金币:0.0
发贴:69
注册:2001/2/2 13:49:45
#12001/5/17 13:24:23
我该如何实现象sina.com ,163.com等首页上图片的随意飘动的效果呢?



浪子剑心

职务:普通成员
等级:1
金币:1.0
发贴:211
注册:2001/5/14 12:57:02
#22001/5/17 13:55:40
利用DW中的时间线



地狱天使

职务:普通成员
等级:3
金币:10.0
发贴:1195
注册:2000/11/21 14:30:55
#32001/5/17 17:55:22



过马路的鸡

职务:普通成员
等级:1
金币:1.0
发贴:195
注册:2000/12/11 13:36:45
#42001/5/21 16:01:16








move.js的代码如下:

var brOK=false;
var mie=false;
var aver=parseInt(navigator.appVersion.substring(0,1));
var aname=navigator.appName;

function checkbrOK()
{if(aname.indexOf("Internet Explorer")!=-1)
{if(aver>=4) brOK=navigator.javaEnabled();
mie=true;
}
if(aname.indexOf("Netscape")!=-1)
{if(aver>=4) brOK=navigator.javaEnabled();}
}

var vmin=2;
var vmax=5;
var vr=0.02;
var timer1;

function Chip(chipname,width,height)
{this.named=chipname;
this.vx=vmin+vmax*Math.random();
this.vy=vmin+vmax*Math.random();
this.w=width;
this.h=height;
this.xx=0;
this.yy=0;
this.timer1=null;
}

function movechip(chipname)
{
if(brOK)
{eval("chip="+chipname);
if(!mie)
{pageX=window.pageXOffset;
pageW=window.innerWidth;
pageY=window.pageYOffset;
pageH=window.innerHeight;
}
else
{pageX=window.document.body.scrollLeft;
pageW=window.document.body.offsetWidth-22;
pageY=window.document.body.scrollTop;
pageH=window.document.body.offsetHeight-34;
}

chip.xx=chip.xx+chip.vx;
chip.yy=chip.yy+chip.vy;

chip.vx+=vr*(Math.random()-0.5);
chip.vy+=vr*(Math.random()-0.5);
if(chip.vx>(vmax+vmin)) chip.vx=(vmax+vmin)*2-chip.vx;
if(chip.vx<(-vmax-vmin)) chip.vx=(-vmax-vmin)*2-chip.vx;
if(chip.vy>(vmax+vmin)) chip.vy=(vmax+vmin)*2-chip.vy;
if(chip.vy<(-vmax-vmin)) chip.vy=(-vmax-vmin)*2-chip.vy;


if(chip.xx<=pageX)
{chip.xx=pageX;
chip.vx=vmin+vmax*Math.random();
}
if(chip.xx>=pageX+pageW-chip.w)
{chip.xx=pageX+pageW-chip.w;
chip.vx=-vmin-vmax*Math.random();
}
if(chip.yy<=pageY)
{chip.yy=pageY;
chip.vy=vmin+vmax*Math.random();
}
if(chip.yy>=pageY+pageH-chip.h)
{chip.yy=pageY+pageH-chip.h;
chip.vy=-vmin-vmax*Math.random();
}

if(!mie)
{eval('document.'+chip.named+'.top ='+chip.yy);
eval('document.'+chip.named+'.left='+chip.xx);
}
else
{eval('document.all.'+chip.named+'.style.pixelLeft='+chip.xx);
eval('document.all.'+chip.named+'.style.pixelTop ='+chip.yy);
}
chip.timer1=setTimeout("movechip('"+chip.named+"')",140);
}
}

function hide(chipname){
    if(brOK){
        eval("chip="+chipname);
        if(!mie)
            eval('document.'+chip.named+'.visibility ='+"'hide'");
        else
            eval('document.all.'+chip.named+'.style.visibility ='+"'hidden'");
    }
}

function stopme(chipname)
{if(brOK)
{//alert(chipname)
eval("chip="+chipname);
if(chip.timer1!=null)
{clearTimeout(chip.timer1)}
}
}
var chip1;
function pagestart()
{checkbrOK();
chip1=new Chip("chip1",117,75);
if(brOK)
{ movechip("chip1");
}
}
//if(brOK) {stopme('chip1');}

编辑历史:[这消息被过马路的鸡编辑过(编辑时间2001-05-21 16:01:50)]


CLEAN_5d

职务:普通成员
等级:1
金币:0.0
发贴:69
注册:2001/2/2 13:49:45
#52001/5/21 16:54:37
谢谢您,过马路的鸡。
我早已用SINA的JS解决了。多谢!!