首  页  |  酷站  |  精品网站  |  原创作品秀  |  网络学院   |  信息中心  |  艺术设计  |  求职招聘  |  建站资源  |  服装网站  |  论坛  |  设计部落  |  网站综合
个人网页  商业网站  业界动态  设计赛事  网站资源  下载专区  设计欣赏  CG-插画  JS特效  娱乐  国际品牌  知名品牌  服装院校  专题欣赏  SEO  BANNER
域名注册 虚拟主机 广州网站建设 广州网页设计 IDC赞助 设计资源下载 虚拟主机 域名注册 品牌网站建设 服装品牌网站建设 广告服务 网站推广 娱乐
当前位置:首 页 >> JS特效 >> 浏览器窗口 >> 网页加载时的波动图片

网页加载时的波动图片


中资源
转载请注明出处-中国设计秀-cnwebshow.com

脚本源代码:
<!--网页加载时图片_波动-->
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

<title>ASPEASE</title>
<script language="JavaScript" fptype="dynamicanimation">
<!--
function dynAnimation() {}
function clickSwapImg() {}
//-->
</script>
<script language="JavaScript1.2" fptype="dynamicanimation">
<!--
 // See KB article about changing this dynamic HTML
 dynamicanimAttr = "dynamicanimation"
 animCancel = "skipanim"
 fpanimationPrefix = "fpAnim"
 animateElements = new Array()
 currentElement = 0
 speed = 1
 stepsZoom = 8
 stepsWord = 8
 stepsFly = 17
 stepsSpiral = 16
 stepsSpiralWord = 19
 stepsElastic = 32
 steps = stepsZoom
 step = 0
 cornerPhase=0
 outEffect=0
 function remSuffix(str)
 {
  ind=str.indexOf("FP")
  str = str.substring(0,ind)
  return str
 }
 function dynAnimOut(el)
 {
  outEffect=1
  dynAnimation(el)
  outEffect=0
 }
 function dynAnimation(obj)
 {
  animateElements = new Array()
  var ms = navigator.appVersion.indexOf("MSIE")
  ie4 = (ms>0) && (parseInt(navigator.appVersion.substring(ms+5, ms+6)) >= 4)
  if(!ie4)
  {
   if((navigator.appName == "Netscape") &&
    (parseInt(navigator.appVersion.substring(0, 1)) >= 4))
    doc_els=document.layers
   else
    return
  }
  else
   doc_els=document.all
        if(outEffect && !ie4)
            return
  if(ie4)
  {
      for (index=document.all.length-1; index >= document.body.sourceIndex; index--)
   {
    el = document.all[index]
    if(outEffect && el != obj)
     continue
    if(outEffect)
     animationId = el.id.substring(9,el.id.length)
    else
     animationId = el.id.substring(6,el.id.length)
    animation=remSuffix(animationId)
    if(null != animation)
    {
     altcnt=0
     if( animation == "dropWord"    ||
      animation == "flyTopRightWord"   ||
      animation == "flyBottomRightWord"  ||
      animation == "waveWords"   ||
      animation == "hopWords")
     {
      ih = el.innerHTML
      outString = ""
      i1 = 0
      iend = ih.length
      while(true)
      {
       i2 = startWord(ih, i1)
       if(i2 == -1)
       i2 = iend
       outWord(ih, i1, i2, false, "", outEffect ? obj.id : el.id)
       if(i2 == iend)
        break
       i1 = i2
       i2 = endWord(ih, i1)
       if(i2 == -1)
        i2 = iend
       if (animation == "waveWords")
        outWordAlt(ih, i1, i2, true, animation, altcnt)
       else
        outWord(ih, i1, i2, true, (outEffect ? "Out" : "") + animation,
         outEffect ?  obj.id : el.id)

       if(i2 == iend)
        break
       i1 = i2
       altcnt++
      }
      document.all[index].innerHTML = outString
      document.all[index].style.posLeft = 0
      document.all[index].setAttribute(animCancel, true)
      document.all[index].style.visibility="visible"
     }
    }
   }
  }
  i = 0
  for (index=0; index < doc_els.length; index++)
  {
   el = doc_els[index]
   if(0 != el.id.indexOf(fpanimationPrefix))
    continue
   if (ie4)
   {
    elprops=el.style
    scrollOffsetTop=document.body.scrollTop
    docHeight=document.body.offsetHeight
    docWidth=document.body.offsetWidth
    elW=100
    elH=el.offsetHeight
   }
   else
   {
    elprops=el
    scrollOffsetTop=window.pageYOffset
    docHeight=window.innerHeight
    docWidth=window.innerWidth
    elW=el.clip.width
    elH=el.clip.height
   }
   if(outEffect)
    animationId = el.id.substring(9,el.id.length)
   else
    animationId = el.id.substring(6,el.id.length)
   animation=remSuffix(animationId)
   if(outEffect && (obj != el))
   {
    if(el.SRCID != obj.id)
     continue
   }
   if (null != animation )
   {
    if(ie4 && null!=el.getAttribute(animCancel, false))
     continue
    if(!ie4)
    {
     elprops.posLeft=elprops.left
     elprops.posTop=elprops.top
    }
    el.startL=offsetLeft(el)
    if(animation == "flyLeft")
    {
     elprops.posLeft = -offsetLeft(el)-elW
     elprops.posTop = 0
    }
    else if(animation == "flyRight" || animation=="elasticRight")
    {
     elprops.posLeft = -offsetLeft(el)+docWidth
     elprops.posTop = 0
    }
    else if(animation == "flyTop" || animation == "dropWord")
    {
     elprops.posLeft = 0
     elprops.posTop = scrollOffsetTop-offsetTop(el)-elH
    }
    else if(animation == "flyBottom" || animation == "elasticBottom")
    {
     elprops.posLeft = 0
     elprops.posTop = scrollOffsetTop-offsetTop(el)+docHeight
    }
    else if(animation == "flyTopLeft")
    {
     elprops.posLeft = -offsetLeft(el)-elW
     elprops.posTop = scrollOffsetTop-offsetTop(el)-elH
    }
    else if(animation == "flyTopRight" || animation == "flyTopRightWord")
    {
     elprops.posLeft = -offsetLeft(el)+docWidth
     elprops.posTop = scrollOffsetTop-offsetTop(el)-elH
    }
    else if(animation == "flyCorner")
    {
     elprops.posLeft = docWidth*0.2-offsetLeft(el)
     
     elprops.posTop = scrollOffsetTop-offsetTop(el)+docHeight
    }
    else if(animation == "flyBottomLeft")
    {
     elprops.posLeft = -offsetLeft(el)-elW
     elprops.posTop = scrollOffsetTop-offsetTop(el)+docHeight
    }
    else if(animation == "flyBottomRight" || animation == "flyBottomRightWord")
    {
     elprops.posLeft = -offsetLeft(el)+docWidth
     elprops.posTop = scrollOffsetTop-offsetTop(el)+docHeight
    }
    else if(animation == "spiral")
    {
     elprops.posLeft = -offsetLeft(el)+docWidth
     elprops.posTop = scrollOffsetTop-offsetTop(el)+docHeight
    }
    else if((animation.indexOf("waveWords") != -1) || animation=="hopWords")
    {
     if(i)
     {
      prevEl=animateElements[i-1]
      elprops.r = offsetLeft(el)-prevEl.startL
     }
     else
      elprops.r = offsetLeft(el)
    }
    else if(animation == "wipeLR" || animation == "wipeMID")
    {
     if (ie4 && elprops.position=="absolute")
     {
      el.sizeW=el.offsetWidth
      elprops.clip="rect(0 0 0 0)"
     }
     else if (!ie4)
     {
      el.sizeW=el.clip.width
      el.clip.width=0
     }
    }
    else if(animation == "wipeTB")
    {
     if (ie4 && elprops.position=="absolute")
     {
      elprops.clip="rect(0 0 0 0)"
     }
     else if(!ie4)
     {
      el.sizeH=el.clip.height
      el.clip.height=0
     }
    }
    else if(animation == "zoomIn")
    {
     elprops.posLeft = 0
     elprops.posTop = 0
    }
    else if(animation == "zoomOut")
    {
     elprops.posLeft = 0
     elprops.posTop = 0
    }
    else
    {
     continue
    }
    if(!outEffect)
    {
     el.initLeft = elprops.posLeft
     el.initTop  = elprops.posTop
     el.endLeft  = 0
     el.endTop   = 0
     elprops.visibility = "hidden"
    }
    else
    {
     el.initLeft = 0
     el.initTop  = 0
     el.endLeft = elprops.posLeft
     el.endTop  = elprops.posTop
     elprops.posTop = 0
     elprops.posLeft = 0
    }
    if(!ie4)
    {
     elprops.left=elprops.initLeft
     elprops.top =elprops.initTop
    }
    animateElements[i++] = el
   }
  }
  if(animateElements.length > 0)
  {
   if(outEffect)
    window.setTimeout("animate(1);", speed, "Javascript")
   else
    window.setTimeout("animate(0);", speed, "Javascript")
  }
 }
 function offsetLeft(el)
 {
  if(ie4)
  {
   x = el.offsetLeft
   for (e = el.offsetParent; e; e = e.offsetParent)
    x += e.offsetLeft
   return x
  }
  else
  {
   x = el.pageX
   return x
  }
 }
 function offsetTop(el)
 {
  if(ie4)
  {
   y = el.offsetTop
   for (e = el.offsetParent; e; e = e.offsetParent)
    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
   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)
   {
    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
    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)
   {
    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  = 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
        }
 }
//-->

 

</script>
</head>

<body  oncontextmenu=alert('^o^Hello!欢迎光临!');event.returnValue=false;
oncopy=alert('^o^Hello!欢迎光临!');event.returnValue=false;
 onload="dynAnimation()" language="Javascript1.2">

<p dynamicanimation="fpAnimwaveWordsFP1" id="fpAnimwaveWordsFP1" style="position: relative !important; visibility: hidden" language="Javascript1.2"><img border="0" src="http://www.2ky.cn/images/sharecentury.gif" width="88" height="31"></p>

</body>

</html>

转载请注明出处-中国设计秀-cnwebshow.com



投稿 】【对本文进行评论】 【字体: 】【发布于2007-08-22 15:37】

相关专题:暂无相关专题

上一篇:弹出网页窗口全攻略(html/hta)   下一篇:总在右上角旋转显示的文本
 认证LOGO下载
     
Copyright © 2005-2007 中国设计秀_网页设计教程_优秀网页设计欣赏_平面设计欣赏 All Right Reserved.
做最专业的设计服务网站,秀出自我,秀出精彩!中国设计秀,秀---无处不在!!
QQ:54292427  8208442 MSN:kingvisual#hotmail.com 交流群:9107036 3848215 8850631
粤ICP备05067046号 RSS