animate.js

人才招聘系统,用asp做的

				y += e.offsetTop;
			return y
		}
		else
		{
			y = el.pageY
			return y	
		}
	}
	function startWord(ih, i)
	{
		for(tag = false; i < ih.length; i++)
		{
			c = ih.charAt(i)
			if(c == '<')
			{
				if(ih.substring(i+1, i+4) == "IMG")
				return i;
				tag = true
			}
			if(!tag)
				return i
			if(c == '>')
				tag = false
		}
		return -1
	}
	function endWord(ih, i)
	{
		nonSpace = false
		space = false
		img = false
		if(ih.charAt(i) == '<')
		{
			img = true
			i++;
		}
		while(i < ih.length)
		{
			c = ih.charAt(i)
			if(c != ' ')
				nonSpace = true
			if(img && c == '>')
				img = false;
			if(nonSpace && !img && c == ' ')
				space = true
			if(c == '<')
				return i
			if(space && c != ' ')
				return i
			i++
		}
		return -1
	}
	function outWord(ih, i1, i2, dyn, anim, srcID)
	{
		if(dyn)
			if(!outEffect)
				outString += "<SPAN ID=\"" +  fpanimationPrefix + anim + "FP\" style=\"position: relative; visibility: hidden;\">"
			else
				outString += "<SPAN SRCID=\"" + srcID + "\"ID=\"" +  fpanimationPrefix + anim + "FP\" style=\"position: relative;\">"
		outString += ih.substring(i1, i2)
		if(dyn)
			outString += "</SPAN>"
	}
	function outWordAlt(ih, i1, i2, dyn, anim, altcnt)
	{
		if(dyn)
		{
			if(altcnt%2)
				outString += "<SPAN ID=\"" +  fpanimationPrefix + anim + "LFP\" style=\"position: relative;  visibility: hidden;\">"
			else
				outString += "<SPAN ID=\"" +  fpanimationPrefix + anim + "RFP\" style=\"position: relative;  visibility: hidden;\">"
		}
			
		outString += ih.substring(i1, i2)
		if(dyn)
			outString += "</SPAN>"
	}
	function animate(animOut)
	{
		{
			el = animateElements[currentElement]

			if(animOut)
				animationId = el.id.substring(9,el.id.length);
			else
				animationId = el.id.substring(6,el.id.length);
			animation=remSuffix(animationId)
			if (ie4)
				elprops=el.style
			else{
				if (ns6)
					elprops=el.style
				else
					elprops=el
			}

			if(!step && !animOut)
				elprops.visibility="visible"
			step++
			if(animation == "spiral")
			{
				steps = stepsSpiral
				v = step/steps
				rf = 1.0 - v
				t = v * 2.0*Math.PI
				rx = Math.max(Math.abs(el.initLeft), 200)
				ry = Math.max(Math.abs(el.initTop),  200)
				elprops.posLeft = Math.ceil(-rf*Math.cos(t)*rx)
				elprops.posTop  = Math.ceil(-rf*Math.sin(t)*ry)
			}
			else if(animation == "waveWordsL" || animation=="hopWords" || animation == "waveWords")
			{
				steps = stepsSpiralWord
				v = step/steps
				rf = (1.0 - v)
				t = v * 1.0*Math.PI
				elprops.posLeft = Math.ceil(-rf*Math.cos(t)*elprops.r)
				elprops.posTop  = Math.ceil(-rf*Math.sin(t)*elprops.r)
			}
			else if(animation == "waveWordsR")
			{
				steps = stepsSpiralWord
				v = step/steps
				rf = (1.0 - v)
				t = v * 1.0*Math.PI
				elprops.posLeft = Math.ceil(-rf*Math.cos(t)*elprops.r)
				elprops.posTop  = Math.ceil( rf*Math.sin(t)*elprops.r)
			}
			else if(animation == "zoomIn")
			{
				steps = stepsZoom
				elprops.fontSize = Math.ceil(50+50*step/steps) + "%"
				elprops.posLeft = 0
			}
			else if(animation == "zoomOut")
			{
				steps = stepsZoom
				fontSz=Math.ceil(100+200*(steps-step)/steps) + "%"
				elprops.fontSize = fontSz
				elprops.posLeft = 0
			}
			else if(animation == "elasticRight")
			{
				steps = stepsElastic
				v = step/steps
				rf=Math.exp(-v*7)
				t = v * 1.5*Math.PI
				rx =Math.abs(el.initLeft)
				elprops.posLeft = rf*Math.cos(t)*rx
				elprops.posTop  = 0
			}
			else if(animation == "elasticBottom")
			{
				steps = stepsElastic
				v = step/steps
				rf=Math.exp(-v*7)
				t = v * 2.5*Math.PI
				ry =Math.abs(el.initTop)
				elprops.posLeft = 0
				elprops.posTop  = rf*Math.cos(t)*ry
			}
			else if(animation == "wipeLR")
			{
				steps = stepsElastic
				if(ie4 && elprops.position=="absolute")
					elprops.clip = "rect(0 "+ step/steps*100 +"% 100% 0)"
				else if (!ie4)
				{
					if (ns6)
					{
						postop = elprops.top
						posleft = elprops.left
						str="position:absolute;top:"+postop+";left:"+posleft+";clip:rect(0px " + step/steps*el.offsetWidth + "px "+el.offsetHeight+"px 0px)";
						el.setAttribute("style",str);
					}
					else
						elprops.clip.right=step/steps*el.sizeW
				}
			}
			else if(animation == "wipeTB")
			{
				steps = stepsElastic
				if(ie4 && elprops.position=="absolute")
					elprops.clip = "rect(0 100% "+step/steps*el.offsetHeight+"px 0)"
				else{
					if (ns6)
					{
						postop = elprops.top
						posleft = elprops.left
						str="position:absolute;top:"+postop+";left:"+posleft+";clip:rect(0px "+ el.offsetWidth + "px " +step/steps*el.offsetHeight+"px 0px)";
						el.setAttribute("style",str);
					}
					else{
						elprops.clip.bottom=step/steps*el.sizeH		
					}
				}
			}
			else if(animation == "wipeMID")
			{
				steps = stepsElastic
				if(ie4 && elprops.position=="absolute")
				{
					elprops.clip = "rect(0 "+el.sizeW/2*(1+step/steps)+"px 100% "+el.sizeW/2*(1-step/steps)+")"
				}
				else if(!ie4)
				{
					if (ns6)
					{
						postop = elprops.top
						posleft = elprops.left
						str="position:absolute;top:"+postop+";left:"+posleft+";clip:rect(0px "+ el.offsetWidth/2*(1+step/steps) + "px "+el.offsetHeight+"px "+el.offsetWidth/2*(1-step/steps)+"px)";
						el.setAttribute("style",str);	
					}
					else{
						elprops.clip.right=el.sizeW/2*(1+step/steps)
						elprops.clip.left=el.sizeW/2*(1-step/steps)
					}
				}
			}
			else if(animation == "flyCorner")
			{
				if(!cornerPhase)
				{
					steps = stepsElastic/2
					v = step/steps
					rf=Math.exp(-v*7)
					t = v * 2.5*Math.PI
					ry =Math.abs(el.initTop)
					elprops.posTop  = Math.ceil(rf*Math.cos(t)*ry)
				}
				else
				{
					steps = stepsFly
					dl = el.initLeft / steps
					elprops.posLeft = elprops.posLeft - dl
					elprops.posTop = 0
				}
			}
			else
			{
				steps = stepsFly
				if(animation == "dropWord" || animation == "flyTopRightWord" || animation == "flyBottomRightWord")
					steps = stepsWord
				dl = (el.endLeft - el.initLeft) / steps
				dt = (el.endTop  - el.initTop)  / steps
				elprops.posLeft = elprops.posLeft + dl
				elprops.posTop = elprops.posTop + dt
			}
			if (step >= steps) 
			{
				if(!(animation == "wipeLR"	||
					animation  == "wipeTB"	||
					animation  == "wipeMID"	||
					(animation == "flyCorner" && !cornerPhase)))
				{
					elprops.posLeft = el.endLeft
					elprops.posTop = el.endTop
				}
				if(animOut)
				{
					elprops.visibility="hidden"
				}

				step = 0
				if(animation=="flyCorner" && !cornerPhase)
					cornerPhase=1
				else
				{
					cornerPhase=0
					currentElement++
				}

			}
			if(!ie4)
			{
				elprops.left = elprops.posLeft
				elprops.top = elprops.posTop
			}
			if(currentElement < animateElements.length)
			{
				if(animOut)
					window.setTimeout("animate(1);", speed, "Javascript")
				else					
					window.setTimeout("animate(0);", speed, "Javascript")
			}
			else
				currentElement=0
		}
	}
	function rollIn(el)
	{
		var ms = navigator.appVersion.indexOf("MSIE")
		ie4 = (ms>0) && (parseInt(navigator.appVersion.substring(ms+5, ms+6)) >= 4)
		if(ie4)
		{
			el.initstyle=el.style.cssText;el.style.cssText=el.fprolloverstyle
		}
	}
	function rollOut(el)
	{
		var ms = navigator.appVersion.indexOf("MSIE")
		ie4 = (ms>0) && (parseInt(navigator.appVersion.substring(ms+5, ms+6)) >= 4)
		if(ie4)
		{
			el.style.cssText=el.initstyle
		}
	}
	function clickSwapStyle(el)
	{
		var ms = navigator.appVersion.indexOf("MSIE")
		ie4 = (ms>0) && (parseInt(navigator.appVersion.substring(ms+5, ms+6)) >= 4)
		if(ie4)
		{
			ts=el.style.cssText
			el.style.cssText=el.fprolloverstyle
			el.fprolloverstyle=ts
		}
	}
	function clickSwapImg(el)
	{
        if(document.all || document.layers)
        {
    		ts=el.src
    		el.src=el.lowsrc
    		el.lowsrc=ts
        }
	}
//-->