//Preload
function preLoad(){
for(i=0;i<arguments.length;i++){
this[i]=new Image()
this[i].src=arguments[i]
}
return this
}
//Place your images in here
imgButLetter=new preLoad("../images/311/1602.gif","../images/311/1603.gif","../images/311/1604.gif","../images/311/1605.gif","../images/311/1602.gif")
imgButCircle=new preLoad("../images/311/1602.gif","../images/311/1603.gif","../images/311/1604.gif","../images/311/1605.gif","../images/311/1602.gif")
//How many "balls" do you have
numBalls=5
function makePageCoords(){
this.x=0;this.x2=(bw.ns4 || bw.ns5)?innerWidth:document.body.offsetWidth-20;
this.y=0;this.y2=(bw.ns4 || bw.ns5)?innerHeight:document.body.offsetHeight-5;
this.x50=this.x2/2; this.y50=this.y2/2;
return this;
}
function makeObj(obj,nest){
nest=(!nest) ? '':'document.'+nest+'.'
this.el=bw.dom?document.getElementById(obj):bw.ie4?document.all[obj]:bw.ns4?eval(nest+'document.'+obj):0;
this.css=bw.dom?document.getElementById(obj).style:bw.ie4?document.all[obj].style:bw.ns4?eval(nest+'document.'+obj):0;
this.ref=bw.ns4?this.css.document:document;
this.width=bw.ns4?this.css.document.width:this.el.offsetWidth
this.moveBy=b_moveBy; this.moveIt=b_moveIt; this.writeIt=b_writeIt;
this.slide=b_slide; this.slideIt=b_slideIt;
this.showIt=b_showIt; this.hideIt=b_hideIt;
this.obj = obj + "Object"; eval(this.obj + "=this")
}
function b_moveIt(x,y){this.x=x; this.y=y; this.css.left=this.x; this.css.top=this.y}
function b_moveBy(x,y){this.x+=x; this.y+=y; this.css.left=this.x; this.css.top=this.y}
function b_showIt(){this.css.visibility="visible"}
function b_hideIt(){this.css.visibility="hidden"}
function b_writeIt(text){
if(bw.ns4){this.ref.write(text);this.ref.close()}
else this.el.innerHTML=text
}
function s_writeIt(text){
text='<span class="clStat">'+text+'</span>'
this.write(text)
}
function b_slideIt(endx,endy,inc,speed,fn,wh) {
if (!this.slideactive) {var distx = endx - this.x;var disty = endy - this.y
var num = Math.sqrt(Math.pow(distx,2) + Math.pow(disty,2))/inc
var dx = distx/num;var dy = disty/num
this.slideactive = 1; this.slide(dx,dy,endx,endy,speed,fn,wh)}}
function b_slide(dx,dy,endx,endy,speed,fn,wh) {
if (!fn) fn = null; if(!wh) wh=null
if (this.slideactive && (Math.floor(Math.abs(dx))<Math.floor(Math.abs(endx-this.x)) || Math.floor(Math.abs(dy))<Math.floor(Math.abs(endy-this.y)))) {
this.moveIt(this.x+dx,this.y+dy); eval(wh)
slidTim=setTimeout(this.obj+".slide("+dx+","+dy+","+endx+","+endy+","+speed+",'"+fn+"','"+wh+"')",speed)
}else{this.slideactive = 0;this.moveIt(endx,endy);eval(fn)}}
/************************************************************************************************
Initiating page. Setting variables. Making objects. Starting animation
***********************************************************************************************/
function ballInit(){
page=new makePageCoords()
//Set the stop placements of each ball:
ballXstop=new Array(page.x50-70,page.x50-40,page.x50-10,page.x50+20,page.x50+50)
ballYstop=new Array(page.y50-12,page.y50-12,page.y50-12,page.y50-12,page.y50-12)
//Set the angles of each ball
angles=new Array(-180,-90,0,90,180)
oBut=new Array()
for(i=0;i<numBalls;i++){
oBut[i]=new makeObj('divBut'+i)
oBut[i].text=new makeObj('divLink'+i)
oBut[i].moveIt(i*100,-50)
}
oStat=new makeObj('divStat','divStatCont')
oStat.write=b_writeIt;
oStat.writeIt=s_writeIt;
oStatCont=new makeObj('divStatCont')
oStatCont.moveIt(page.x2-135,page.y2-50)
oDHTML=new makeObj('divDHTML')
oDHTML.moveIt(page.x50-72,page.y50-13)
doBall()
}
/************************************************************************************************
Ballpart start
***********************************************************************************************/
var ballBottom
var ballTop=0
var ballSpeed=25
var ballRight
var ballLeft=0
var xsling=60
var ysling=20
var got=0
ballGoing=true;
当前位置：开发者网络 >> 网页特效 >> 页面导航 >> 内容
