满屏跳动的图像

稿源：互联网 2022-04-20 08:04:55 点击： 932 撤稿纠错

屏幕内不停跳动的图片，可自定义图片。

以下讨论的是和链接特效跳动相关的满屏跳动的图像教程文章，内容是本站精心挑选整理的教程，希望对广大的网友给到帮助,下面是详细内容：

脚本代码(For Alixixi.com)如下:

要完成此效果把如下代码加入到<body>区域中图片自选

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

function movechip(chipname)
{
if(brOK && mystop==0)
{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-8;
pageY=window.document.body.scrollTop;
pageH=window.document.body.offsetHeight+15;
} 
chip.xx=chip.xx+chip.vx;
chip.vy=chip.vy+step;
chip.yy=chip.yy+chip.vy;

if(chip.xx<=pageX)
{chip.xx=pageX;
chip.vx=vmin;
}
if(chip.xx>=pageX+pageW-85)
{
chip.xx=pageX;
chip.vx=vmin;
chip.yy=pageY;
chip.vy=vmin+vmax;
}

if(chip.yy>(pageY+pageH-chip.h))
{
chip.yy=pageY+pageH-chip.h;
chip.vy=-chip.vy*0.65;
}

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+"')",20);
}
}

function stopme(flag)
{
brOk=true;
mystop=flag;
movechip("tome");
}

var tome;
var chip;
function tome()
{checkbrOK(); 
tome=new Chip("tome",80,80);
if(brOK && mystop==0) 
{ 
movechip("tome");
}
}

ns4=(document.layers)?true:false;
ie4=(document.all)?true:false;

<a href="http://www.alixixi.com/Dev/HTML/jsrun/">欢迎访问阿里西西网页特效集</a>

关于满屏跳动的图像的内容写到这里就结束啦，您可以收藏本页网址https://js.alixixi.com/a/20080715879.shtml方便下次再访问哦。

·上一篇： 图片一直在右下角显示
·下一篇： 有点像行扫描图片显示特效

满屏跳动的图像

文章分类LIST >>返回首页

最新游戏

最新新闻