网页代码设计技巧系列之-----图片飞至左上角.doc

脚本说明:第一步：把如下代码加入区域中0) & (parseInt(navigator.appVersion.substring(ms+5, ms+6) = 4)if(!ie4)if(navigator.appName = Netscape) &(parseInt(navigator.appVersion.substring(0, 1) = 4)for (index=document.layers.length-1; index = 0; index-)layer=document.layersindexif (layer.left=10000)layer.left=0returnfor (index=document.all.length-1; index = document.body.sourceIndex; index-)el = document.allindexanimation = el.getAttribute(dynamicanimAttr, false)if(null != animation)if(animation = dropWord | animation = flyTopRightWord | animation = flyBottomRightWord)ih = el.innerHTMLoutString = i1 = 0iend = ih.lengthwhile(true)i2 = startWord(ih, i1)if(i2 = -1)i2 = iendoutWord(ih, i1, i2, false, )if(i2 = iend)breaki1 = i2i2 = endWord(ih, i1)if(i2 = -1)i2 = iendoutWord(ih, i1, i2, true, animation)if(i2 = iend)breaki1 = i2document.allindex.innerHTML = outStringdocument.allindex.style.posLeft = 0document.allindex.setAttribute(dynamicanimAttr, null)if(animation = zoomIn | animation = zoomOut)ih = el.innerHTMLoutString = outString += ihoutString += document.allindex.innerHTML = outStringdocument.allindex.style.posLeft = 0document.allindex.setAttribute(dynamicanimAttr, null)i = 0for (index=document.body.sourceIndex; index document.all.length; index+)el = document.allindexanimation = el.getAttribute(dynamicanimAttr, false)if (null != animation)if(animation = flyLeft)el.style.posLeft = 10000-offsetLeft(el)-el.offsetWidthel.style.posTop = 0else if(animation = flyRight)el.style.posLeft = 10000-offsetLeft(el)+document.body.offsetWidthel.style.posTop = 0else if(animation = flyTop | animation = dropWord)el.style.posLeft = 0el.style.posTop = document.body.scrollTop-offsetTop(el)-el.offsetHeightelse if(animation = flyBottom)el.style.posLeft = 0el.style.posTop = document.body.scrollTop-offsetTop(el)+document.body.offsetHeightelse if(animation = flyTopLeft)el.style.posLeft = 10000-offsetLeft(el)-el.offsetWidthel.style.posTop = document.body.scrollTop-offsetTop(el)-el.offsetHeightelse if(animation = flyTopRight | animation = flyTopRightWord)el.style.posLeft = 10000-offsetLeft(el)+document.body.offsetWidthel.style.posTop = document.body.scrollTop-offsetTop(el)-el.offsetHeightelse if(animation = flyBottomLeft)el.style.posLeft = 10000-offsetLeft(el)-el.offsetWidthel.style.posTop = document.body.scrollTop-offsetTop(el)+document.body.offsetHeightelse if(animation = flyBottomRight | animation = flyBottomRightWord)el.style.posLeft = 10000-offsetLeft(el)+document.body.offsetWidthel.style.posTop = document.body.scrollTop-offsetTop(el)+document.body.offsetHeightelse if(animation = spiral)el.style.posLeft = 10000-offsetLeft(el)-el.offsetWidthel.style.posTop = document.body.scrollTop-offsetTop(el)-el.offsetHeightelse if(animation = zoomIn)el.style.posLeft = 10000el.style.posTop = 0else if(animation = zoomOut)el.style.posLeft = 10000el.style.posTop = 0elseel.style.posLeft = 10000-offsetLeft(el)-el.offsetWidthel.style.posTop = 0el.initLeft = el.style.posLeftel.initTop = el.style.posTopanimateElementsi+ = elwindow.setTimeout(animate();, speed)function offsetLeft(el)x = el.offsetLeftfor (e = el.offsetParent; e; e = e.offsetParent)x += e.offsetLeft;return x function offsetTop(el)y = el.offsetTopfor (e = el.offsetParent; e; e = e.offsetParent)y += e.offsetTop;return y function startWord(ih, i)for(tag = false; i ih.length; i+)c = ih.charAt(i)if(c = )tag = falsereturn -1function endWord(ih, i)nonSpace = falsespace = falsewhile(i ih.length)c = ih.charAt(i)if(c != )nonSpace = trueif(nonSpace & c = )space = trueif(c = )return iif(space & c != )return ii+return -1function outWord(ih, i1, i2, dyn, anim)if(dyn)outString += outString += ih.substring(i1, i2)if(dyn)outString += function animate()el = animateElementscurrentElementanimation = el.getAttribute(dynamicanimAttr, false)step+if(animation = spiral)steps = stepsSpiralv = step/stepsrf = 1.0 - vt = v * 2.0*Math.PIrx = Math.max(Math.abs(el.initLeft), 200)ry = Math.max(Math.abs(el.initTop), 200)el.style.posLeft = Math.ceil(-rf*Math.cos(t)*rx)el.style.posTop = Math.ceil(-rf*Math.sin(t)*ry)else if(animation = zoomIn)steps = stepsZoomel.style.fontSize = Math.ceil(50+50*step/steps) + %el.style.posLeft = 0else if(animation = zoomOut)steps = stepsZoomel.style.fontSize = Math.ceil(100+200*(steps-step)/steps) + %el.style.posLeft = 0elsesteps = stepsFlyif(animation = dropWord | animation = flyTopRightWord | animation = flyBottomRightWord)steps = stepsWorddl