页面上会弹跳的球

稿源：互联网 2022-08-02 22:01:16 点击： 105 撤稿纠错

页面上会弹跳的球，可自定义

以下讨论的是和弹跳特效相关的页面上会弹跳的球教程文章，内容是本站精心挑选整理的教程，希望对广大的网友给到帮助,下面是详细内容：

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

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>阿里西西网页特效演示，　页面上会弹跳的球</title>
</head>

<body>

<DIV id=sohuactivebutton style="POSITION: absolute"></DIV> 
<script>

<!-- 
var brOK1=false; 
var mie1=false; 
var aver1=parseInt(navigator.appVersion.substring(0,1)); 
var aname1=navigator.appName; 
function checkbrOK1(){ 
if(aname1.indexOf("Internet Explorer")!=-1){ 
if(aver1>=4) brOK1=navigator.javaEnabled(); 
mie1=true; 
} 
if(aname1.indexOf("Netscape")!=-1){ 
if(aver1>=4) brOK1=navigator.javaEnabled(); 
} 
} 
var vmin1=2; 
var vmax1=5; 
var vr1=2; 
var timer2; 
function Chip1(Chip1name,width,height){ 
this.named1=Chip1name; 
this.vx1=vmin1+vmax1*Math.random(); 
this.vy1=vmin1+vmax1*Math.random(); 
this.w1=width; 
this.h1=height; 
this.xx1=0; 
this.yy1=0; 
this.timer2=null; } 
function moveChip1(Chip1name){ 
if(brOK1){ 
eval("Chip1="+Chip1name); 
if(!mie1){ 
pageX1=window.pageXOffset; 
pageW1=window.innerWidth; 
pageY1=window.pageYOffset+400; 
pageH1=0; } 
else{ 
pageX1=window.document.body.scrollLeft; 
pageW1=window.document.body.offsetWidth; 
pageY1=window.document.body.scrollTop+400; 
pageH1=0; } 
Chip1.xx1=Chip1.xx1+Chip1.vx1; 
Chip1.yy1=Chip1.yy1+Chip1.vy1; 
Chip1.vx1+=vr1*(Math.random()-0.5); 
Chip1.vy1+=vr1*(Math.random()-0.5); 
if(Chip1.vx1>(vmax1+vmin1)) Chip1.vx1=(vmax1+vmin1)*2-Chip1.vx1;

if(Chip1.vx1<(-vmax1-vmin1)) Chip1.vx1=(-vmax1-vmin1)*2-Chip1.vx1; 
if(Chip1.vy1>(vmax1+vmin1)) Chip1.vy1=(vmax1+vmin1)*2-Chip1.vy1; 
if(Chip1.vy1<(-vmax1-vmin1)) Chip1.vy1=(-vmax1-vmin1)*2-Chip1.vy1; 
if(Chip1.xx1<=pageX1){ 
Chip1.xx1=pageX1; 
Chip1.vx1=vmin1+vmax1*Math.random(); } 
if(Chip1.xx1>=pageX1+pageW1-Chip1.w1){ 
Chip1.xx1=pageX1+pageW1-Chip1.w1; 
Chip1.vx1=-vmin1-vmax1*Math.random(); } 
if(Chip1.yy1<=pageY1){ 
Chip1.yy1=pageY1; 
Chip1.vy1=vmin1+vmax1*Math.random(); } 
if(Chip1.yy1>=pageY1+pageH1-Chip1.h1){ 
Chip1.yy1=pageY1+pageH1-Chip1.h1; 
Chip1.vy1=-vmin1-vmax1*Math.random(); } 
if(!mie1){ 
eval('document.'+Chip1.named1+'.top ='+Chip1.yy1); 
eval('document.'+Chip1.named1+'.left='+Chip1.xx1); } 
else{ 
eval('document.all.'+Chip1.named1+'.style.pixelLeft='+Chip1.xx1); 
eval('document.all.'+Chip1.named1+'.style.pixelTop ='+Chip1.yy1);} 
Chip1.timer2=setTimeout("moveChip1('"+Chip1.named1+"')",100); 
} 
} 
function stopme1(Chip1name){ 
if(brOK1){ 
eval("Chip1="+Chip1name); 
if(Chip1.timer2!=null){clearTimeout(Chip1.timer2)} 
} 
} 
var sohuactivebutton; 
var Chip1; 
function sohuactivebutton(){ 
checkbrOK1(); 
sohuactivebutton=new Chip1("sohuactivebutton",60,80); 
if(brOK1){ moveChip1("sohuactivebutton"); } 
} 
//-->
</script>

<DIV id=tome style="POSITION: absolute; left: 20px; top: 14px"><A  href="#"><IMG src="http://www.alixixi.com/images/link.gif" border=0 width="40" height="40"></A> </DIV>

</body>

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

关于页面上会弹跳的球的内容写到这里就结束啦，您可以收藏本页网址https://js.alixixi.com/a/2008071496069.shtml方便下次再访问哦。

·上一篇： 好大的雪啊
·下一篇： 经典页面转换特效

页面上会弹跳的球

文章分类LIST >>返回首页

最新游戏

最新新闻