信息发布软件,b2b软件,广告发布软件

标题: 效果是做出来的JavaScript从天而降的代码这里随便复制过去用吧 [打印本页]
作者: 群发软件    时间: 2017-6-5 23:42
标题: 效果是做出来的JavaScript从天而降的代码这里随便复制过去用吧
本帖最后由 群发软件 于 2017-6-5 23:45 编辑

今天，我和大家分享一个特效，让大家感到你的“叶子”更加与众不同！

    窗口从天而降的效果：给人以为之一振的感觉。实现方法是，先在内空一格后加上“drop(300)"…>”；再在< head>和< /head>之间加入如下代码(这段代码较简单，我就不再多嘴解释啦)：


    function drop(n)
    {
    if(self.moveBy){
    self.moveBy (0,-900);
    for(i = n; i > 0; i--){
    self.moveBy(0,3);
    }
    for(j = 8; j > 0; j--){
    self.moveBy(0,j);
    self.moveBy(j,0);
    self.moveBy(0,-j);
    self.moveBy(-j,0);
    }
    }
    }


代码二
脚本说明:
第一步:把如下代码加入<head>区域中
<SCRIPT language="JavaScript" FPTYPE="dynamicanimation8">
<!--
dynamicanimAttr = "dynamicanimation8"
  animateElements = new Array()
  currentElement = 0
  speed = 0
  stepsZoom = 8
  stepsWord = 8
  stepsFly = 12
  stepsSpiral = 16
  steps = stepsZoom
  step = 0
  outString = ""
  function dynAnimation8()
  {
    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))
      {
        for (index=document.layers.length-1; index >= 0; index--)
        {
            layer=document.layers[index]
            if (layer.left==10000)
                layer.left=0
        }
      }
      return
    }
    for (index=document.all.length-1; index >= document.body.sourceIndex; index--)
    {
      el = document.all[index]
      animation = el.getAttribute(dynamicanimAttr, false)
      if(null != animation)
      {
        if(animation == "dropWord" || animation == "flyTopRightWord" || animation == "flyBottomRightWord")
        {
          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, "")
            if(i2 == iend)
              break
            i1 = i2
            i2 = endWord(ih, i1)
            if(i2 == -1)
              i2 = iend
            outWord(ih, i1, i2, true, animation)
            if(i2 == iend)
              break
            i1 = i2
          }
          document.all[index].innerHTML = outString
          document.all[index].style.posLeft = 0
          document.all[index].setAttribute(dynamicanimAttr, null)
        }
        if(animation == "zoomIn" || animation == "zoomOut")
        {
          ih = el.innerHTML
          outString = "<SPAN " + dynamicanimAttr + "=\"" + animation + "\" style=\"position: relative; left: 10000;\">"
          outString += ih
          outString += "</SPAN>"
          document.all[index].innerHTML = outString
          document.all[index].style.posLeft = 0
          document.all[index].setAttribute(dynamicanimAttr, null)
        }
      }
    }
    i = 0
    for (index=document.body.sourceIndex; index < document.all.length; index++)
    {
      el = document.all[index]
      animation = el.getAttribute(dynamicanimAttr, false)
      if (null != animation)
      {
        if(animation == "flyLeft")
        {
          el.style.posLeft = 10000-offsetLeft(el)-el.offsetWidth
          el.style.posTop = 0
        }
        else if(animation == "flyRight")
        {
          el.style.posLeft = 10000-offsetLeft(el)+document.body.offsetWidth
          el.style.posTop = 0
        }
        else if(animation == "flyTop" || animation == "dropWord")
        {
          el.style.posLeft = 0
          el.style.posTop = document.body.scrollTop-offsetTop(el)-el.offsetHeight
        }
        else if(animation == "flyBottom")
        {
          el.style.posLeft = 0
          el.style.posTop = document.body.scrollTop-offsetTop(el)+document.body.offsetHeight
        }
        else if(animation == "flyTopLeft")
        {
          el.style.posLeft = 10000-offsetLeft(el)-el.offsetWidth
          el.style.posTop = document.body.scrollTop-offsetTop(el)-el.offsetHeight
        }
        else if(animation == "flyTopRight" || animation == "flyTopRightWord")
        {
          el.style.posLeft = 10000-offsetLeft(el)+document.body.offsetWidth
          el.style.posTop = document.body.scrollTop-offsetTop(el)-el.offsetHeight
        }
        else if(animation == "flyBottomLeft")
        {
          el.style.posLeft = 10000-offsetLeft(el)-el.offsetWidth
          el.style.posTop = document.body.scrollTop-offsetTop(el)+document.body.offsetHeight
        }
        else if(animation == "flyBottomRight" || animation == "flyBottomRightWord")
        {
          el.style.posLeft = 10000-offsetLeft(el)+document.body.offsetWidth
          el.style.posTop = document.body.scrollTop-offsetTop(el)+document.body.offsetHeight
        }
        else if(animation == "spiral")
        {
          el.style.posLeft = 10000-offsetLeft(el)-el.offsetWidth
          el.style.posTop = document.body.scrollTop-offsetTop(el)-el.offsetHeight
        }
        else if(animation == "zoomIn")
        {
          el.style.posLeft = 10000
          el.style.posTop = 0
        }
        else if(animation == "zoomOut")
        {
          el.style.posLeft = 10000
          el.style.posTop = 0
        }
        else
        {
          el.style.posLeft = 10000-offsetLeft(el)-el.offsetWidth
          el.style.posTop = 0
        }
        el.initLeft = el.style.posLeft
        el.initTop = el.style.posTop
        animateElements[i++] = el
      }
    }
    window.setTimeout("animate();", speed)
  }
  function offsetLeft(el)
  {
    x = el.offsetLeft
    for (e = el.offsetParent; e; e = e.offsetParent)
      x += e.offsetLeft;
    return x
  }
  function offsetTop(el)
  {
    y = el.offsetTop
    for (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 = true
      if(!tag)
        return i
      if(c == '>')
        tag = false
    }
    return -1
  }
  function endWord(ih, i)
  {
    nonSpace = false
    space = false
    while(i < ih.length)
    {
      c = ih.charAt(i)
      if(c != ' ')
        nonSpace = true
      if(nonSpace && c == ' ')
        space = true
      if(c == '<')
        return i
      if(space && c != ' ')
        return i
      i++
    }
    return -1
  }
  function outWord(ih, i1, i2, dyn, anim)
  {
    if(dyn)
      outString += "<SPAN " + dynamicanimAttr + "=\"" + anim + "\" style=\"position: relative; left: 10000;\">"
    outString += ih.substring(i1, i2)
    if(dyn)
      outString += "</SPAN>"
  }
  function animate()
  {
    el = animateElements[currentElement]
    animation = el.getAttribute(dynamicanimAttr, false)
    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)
      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 = stepsZoom
      el.style.fontSize = Math.ceil(50+50*step/steps) + "%"
      el.style.posLeft = 0
    }
    else if(animation == "zoomOut")
    {
      steps = stepsZoom
      el.style.fontSize = Math.ceil(100+200*(steps-step)/steps) + "%"
      el.style.posLeft = 0
    }
    else
    {
      steps = stepsFly
      if(animation == "dropWord" || animation == "flyTopRightWord" || animation == "flyBottomRightWord")
        steps = stepsWord
      dl = el.initLeft / steps
      dt = el.initTop  / steps
      el.style.posLeft = el.style.posLeft - dl
      el.style.posTop = el.style.posTop - dt
    }
    if (step >= steps)
    {
      el.style.posLeft = 0
      el.style.posTop = 0
      currentElement++
      step = 0
    }
    if(currentElement < animateElements.length)
      window.setTimeout("animate();", speed)
  }

//-->


</SCRIPT>



第二步:把如下代码加入<body>区域中(也就是在页面中调用脚本)
<p dynamicanimation8="dropWord"
style="position: relative !important; left: 10000 !important" align="center"><font size="3" color="#ee00FF">很 好 玩 吧 ! 有 没 有 吓 一 跳 ?<font size="7"><b><font face="Arial, Helvetica, sans-serif" color="#FF0000">YES!
  </font></b></font></font>




第三步:把<body>改为
<body bgcolor="#fef4d9">

　做字幕并非专业人士才能做到的，要想做活动字幕其实也是网页必备技能之一，大家可以做做看。活动字幕是网页中经常使用的组件之一，它能使整个网页更有动感，显得很有生气。现在的网站中也越来越多地使用活动字幕来加强网页的互动性。用JavaScript编程可以实现各种活动字幕效果，所需的代码很少，确实能够以较少的下载时间换来较好的效果。该标记语法格式如下：
效果是做出来的JavaScript从天而降的代码这里随便复制过去用吧 b2b软件 JavaScript教程
　　《marquee
　　aligh=left/center/right/top/bottom
　　bgcolor=#n
　　font=n
　　direction=left/right/up/down
　　behavior=type
　　height=n
　　hspace=n
　　scrollamount=n
　　Scrolldelay=n
　　width=n
　　VSpace=n
　　loop=n》
　　可以看出由于活动字幕的显示方式多种多样，可选的参数也很多。
　　Bgcolor：用于设定活动字幕的背景颜色，一般是十六进制数。
　　Behavior：用于设定滚动的方式，主要由三种方式：behavior=“scroll”表示从一端滚动到另一端；behavior=“slide”表示从一端快速滑动到另一端，且不重复；behavior=“alternate”表示在两端之间来回滚动。
　　Hspace和vspace：分别用于设定滚动字幕的左右边框和上下边框的宽度。
　　Scrollamount：用于设定活动字幕一次滚动的距离。
　　scrolldelay：用于设定滚动两次之间的延迟时间。
　　Loop：用于设定滚动的次数，当loop=-1表示一直滚动下去，直到页面更新。
　　《marquee》标记的默认情况是向左滚动无限次，字幕高度是文本高度，滚动范围：水平滚动的宽度是当前位置的宽度；垂直滚动的高度是当前位置的高度。下面是两个通过JavaScript编程实现特殊效果活动字幕的脚本代码：
　　★带链接的水平滚动字幕★
　　带链接的水平滚动字幕一般用于广告宣传，非常醒目：
　　《script language=“JavaScript”》
　　var marqueewidth=400
　　var marqueeheight=20
　　var speed=4
　　var marqueecontents=‘《strong》《big》欢迎访问《a href=“www.cce.com.cn”》中国电脑教育报网站《/a》欢迎您光临《a href=“mailto:net@cce.com.cn”》给我来封信！《/a》《/big》《/strong》《/font》’
　　document.write（‘《marquee scrollAmount=’+speed+‘ style=“width：’+marqueewidth+‘”
　　》’+marqueecontents+‘《/marquee》’）
　　《/script》
　　★带链接的垂直滚动字幕★
　　垂直滚动的活动字幕常用于以滚动方式发布新闻。脚本代码中参数“behavior、derection、width、height、scrollamount、scrolldelay”分别确定了活动字幕的滚动方式、滚动方向、宽度、高度、一次滚动距离、延迟时间等，另外参数“onmouseover=‘this.stop（）’”所实现的效果是当鼠标指针移动到活动字幕上时，字幕停止滚动，参数“onmouseout=‘this.start（）’”恰好与之相反。
作者: znl001    时间: 2017-6-8 05:01
！很棒很专业，值得信任。
作者: meng00123    时间: 2017-6-14 03:51
风格，质量很好，用着很方便，还会再来的
作者: zzjiuzi008    时间: 2017-6-16 11:09
很专业
作者: mmgg520    时间: 2017-6-17 13:11
心，服务态度非常好，很亲切，很有耐心，不管是什么问题，都能耐心解答，这样的客服必须表扬一下！价格也合理，期待后面也能顺利，我觉得这个还不错
作者: z2340868    时间: 2017-6-19 12:50
计的东西很漂亮，我很喜欢，店铺也漂亮了很多，想到不错的设计公司，店家服务好，问题解答详细好评
作者: jiandao1    时间: 2017-6-20 22:52
，客服很有耐心，我说了很多的要求都一一的帮我改了，有需要还会再来找你们设计的
作者: pxynmi018    时间: 2017-6-22 21:47
很好，服务很好，耐心细致，下次还会来的
作者: kevin3898    时间: 2017-6-23 04:38
，设计非常符合我的初衷。售后服务非常不错，这个我很放心，而且首页设计的比我原先的店铺好很多很多，真的是很满意的。全5分，极力推荐。
作者: jh134724    时间: 2017-6-24 19:15
功能蛮齐全的，价格698也不高，找了好几间就觉得这家性价比最高了。客服的态度也不错，说以后还能继续提供技术支持。总之整体而言挺满意~
作者: q1598188    时间: 2017-6-24 20:02
家很给力，自己不是很懂卖家马上给处理咯。给力给力
作者: zdxhz    时间: 2017-6-28 04:47
卖家，技术精湛，，人也很好！
作者: senbza    时间: 2017-7-2 07:30
我是来刷分的，嘿嘿



欢迎光临 信息发布软件,b2b软件,广告发布软件 (http://postbbs.com/) Powered by Discuz! X3.2