新版泥客入口

首页 | 新闻 | 网址 | 博客 | 科技 | 非凡 | 杂烩 | 掉牙 | 美图 | 文集 | 扯淡 | 精屁 | 商务 | 网页制作 | 论坛

 
   泥客网>>网页制作  
 
 
  文字特效:会跳舞的文本

文章来源: BBS.KESONIC.COM

第一步:把如下代码加入<head>区域中 

<SCRIPT language=JavaScript>  
<!--  
function MM_timelinePlay(tmLnName, myID) {   

  var i,j,tmLn,props,keyFrm,sprite,numKeyFr,firstKeyFr,propNum,theObj,firstTime=false;  
  if (document.MM_Time == null) MM_initTimelines();   
  tmLn = document.MM_Time[tmLnName];  
  if (myID == null) { myID = ++tmLn.ID; firstTime=true;}  
  if (myID == tmLn.ID) {   
    setTimeout(’MM_timelinePlay("’+tmLnName+’",’+myID+’)’,tmLn.delay);  
    fNew = ++tmLn.curFrame;  
    for (i=0; i<tmLn.length; i++) {  
      sprite = tmLn[i];  
      if (sprite.charAt(0) == ’s’) {  
        if (sprite.obj) {  
          numKeyFr = sprite.keyFrames.length; firstKeyFr = sprite.keyFrames[0];  
          if (fNew >= firstKeyFr && fNew <= sprite.keyFrames[numKeyFr-1]) {  
            keyFrm=1;  
            for (j=0; j<sprite.values.length; j++) {  
              props = sprite.values[j];   
              if (numKeyFr != props.length) {  
                if (props.prop2 == null) sprite.obj[props.prop] = props[fNew-firstKeyFr];  
                else        sprite.obj[props.prop2][props.prop] = props[fNew-firstKeyFr];  
              } else {  
                while (keyFrm<numKeyFr && fNew>=sprite.keyFrames[keyFrm]) keyFrm++;  
                if (firstTime || fNew==sprite.keyFrames[keyFrm-1]) {  
                  if (props.prop2 == null) sprite.obj[props.prop] = props[keyFrm-1];  
                  else        sprite.obj[props.prop2][props.prop] = props[keyFrm-1];  
        } } } } }  
      } else if (sprite.charAt(0)==’b’ && fNew == sprite.frame) eval(sprite.value);  
      if (fNew > tmLn.lastFrame) tmLn.ID = 0;  
  } }  
}  

function MM_timelineGoto(tmLnName, fNew, numGotos) {  

  var i,j,tmLn,props,keyFrm,sprite,numKeyFr,firstKeyFr,lastKeyFr,propNum,theObj;  
  if (document.MM_Time == null) MM_initTimelines();  
  tmLn = document.MM_Time[tmLnName];  
  if (numGotos != null)  
    if (tmLn.gotoCount == null) tmLn.gotoCount = 1;  
    else if (tmLn.gotoCount++ >= numGotos) {tmLn.gotoCount=0; return}  
  jmpFwd = (fNew > tmLn.curFrame);  
  for (i = 0; i < tmLn.length; i++) {  
    sprite = (jmpFwd)? tmLn[i] : tmLn[(tmLn.length-1)-i];  
    if (sprite.charAt(0) == "s") {  
      numKeyFr = sprite.keyFrames.length;  
      firstKeyFr = sprite.keyFrames[0];  
      lastKeyFr = sprite.keyFrames[numKeyFr - 1];  
      if ((jmpFwd && fNew<firstKeyFr) || (!jmpFwd && lastKeyFr<fNew)) continue;   
      for (keyFrm=1; keyFrm<numKeyFr && fNew>=sprite.keyFrames[keyFrm]; keyFrm++);  
      for (j=0; j<sprite.values.length; j++) {  
        props = sprite.values[j];  
        if (numKeyFr == props.length) propNum = keyFrm-1  
        else propNum = Math.min(Math.max(0,fNew-firstKeyFr),props.length-1);   
        if (sprite.obj != null) {  
          if (props.prop2 == null) sprite.obj[props.prop] = props[propNum];  
          else        sprite.obj[props.prop2][props.prop] = props[propNum];  
      } }  
    } else if (sprite.charAt(0)==’b’ && fNew == sprite.frame) eval(sprite.value);  
  }  
  tmLn.curFrame = fNew;  
  if (tmLn.ID == 0) eval(’MM_timelinePlay(tmLnName)’);  
}  

function MM_initTimelines() {  
    //MM_initTimelines() Copyright 1997 Macromedia, Inc. All rights reserved.  
    var ns = navigator.appName == "Netscape";  
    document.MM_Time = new Array(1);  
    document.MM_Time[0] = new Array(8);  
    document.MM_Time["Timeline1"] = document.MM_Time[0];  
    document.MM_Time[0].MM_Name = "Timeline1";  
    document.MM_Time[0].fps = 10;  
    document.MM_Time[0][0] = new String("sprite");  
    document.MM_Time[0][0].slot = 1;  
    if (ns)  
        document.MM_Time[0][0].obj = document["Layer1"];  
    else  
        document.MM_Time[0][0].obj = document.all ? document.all["Layer1"] : null;  
    document.MM_Time[0][0].keyFrames = new Array(2, 6, 9, 12, 15, 18);  
    document.MM_Time[0][0].values = new Array(4);  
    document.MM_Time[0][0].values[0] = new Array(263,264,265,266,268,268,268,268,271,272,273,270,268,266,265,264,263);  
    document.MM_Time[0][0].values[0].prop = "left";  
    document.MM_Time[0][0].values[1] = new Array(101,95,89,82,76,87,98,108,100,93,86,91,96,100,102,104,106);  
    document.MM_Time[0][0].values[1].prop = "top";  
    if (!ns) {  
        document.MM_Time[0][0].values[0].prop2 = "style";  
        document.MM_Time[0][0].values[1].prop2 = "style";  
    }  
    document.MM_Time[0][0].values[2] = new Array(58,54,50,46,43,33,24,15,20,25,31,36,41,47,48,49,50);  
    document.MM_Time[0][0].values[2].prop = "width";  
    if (!ns)  
        document.MM_Time[0][0].values[2].prop2 = "style";  
    document.MM_Time[0][0].values[3] = new Array(52,51,50,49,48,46,44,42,43,44,45,46,47,49,48,47,47);  
    document.MM_Time[0][0].values[3].prop = "height";  
    if (!ns)  
        document.MM_Time[0][0].values[3].prop2 = "style";  
    document.MM_Time[0][1] = new String("sprite");  
    document.MM_Time[0][1].slot = 2;  
    if (ns)  
        document.MM_Time[0][1].obj = document["Layer2"];  
    else  
        document.MM_Time[0][1].obj = document.all ? document.all["Layer2"] : null;  
    document.MM_Time[0][1].keyFrames = new Array(2, 5, 9, 12, 15, 18);  
    document.MM_Time[0][1].values = new Array(2);  
    document.MM_Time[0][1].values[0] = new Array(323,323,322,322,322,322,322,323,324,326,328,326,324,322,322,322,323);  
    document.MM_Time[0][1].values[0].prop = "left";  
    document.MM_Time[0][1].values[1] = new Array(126,120,115,111,110,111,111,111,108,105,101,105,109,113,117,122,126);  
    document.MM_Time[0][1].values[1].prop = "top";  
    if (!ns) {  
        document.MM_Time[0][1].values[0].prop2 = "style";  
        document.MM_Time[0][1].values[1].prop2 = "style";  
    }  
    document.MM_Time[0][2] = new String("sprite");  
    document.MM_Time[0][2].slot = 3;  
    if (ns)  
        document.MM_Time[0][2].obj = document["Layer4"];  
    else  
        document.MM_Time[0][2].obj = document.all ? document.all["Layer4"] : null;  
    document.MM_Time[0][2].keyFrames = new Array(2, 5, 9, 12, 15, 18);  
    document.MM_Time[0][2].values = new Array(3);  
    document.MM_Time[0][2].values[0] = new Array(363,363,363,363,363,363,363,363,365,366,368,366,364,363,363,363,363);  
    document.MM_Time[0][2].values[0].prop = "left";  
    document.MM_Time[0][2].values[1] = new Array(131,123,115,107,113,119,125,131,122,111,101,113,124,131,131,131,131);  
    document.MM_Time[0][2].values[1].prop = "top";  
    if (!ns) {  
        document.MM_Time[0][2].values[0].prop2 = "style";  
        document.MM_Time[0][2].values[1].prop2 = "style";  
    }  
    document.MM_Time[0][2].values[2] = new Array(22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22);  
    document.MM_Time[0][2].values[2].prop = "width";  
    if (!ns)  
        document.MM_Time[0][2].values[2].prop2 = "style";  
    document.MM_Time[0][3] = new String("sprite");  
    document.MM_Time[0][3].slot = 4;  
    if (ns)  
        document.MM_Time[0][3].obj = document["Layer5"];  
    else  
        document.MM_Time[0][3].obj = document.all ? document.all["Layer5"] : null;  
    document.MM_Time[0][3].keyFrames = new Array(2, 5, 9, 12, 15, 18);  
    document.MM_Time[0][3].values = new Array(2);  
    document.MM_Time[0][3].values[0] = new Array(388,390,391,393,392,391,390,388,390,394,398,397,395,393,390,389,388);  
    document.MM_Time[0][3].values[0].prop = "left";  
    document.MM_Time[0][3].values[1] = new Array(131,128,124,121,124,126,129,131,119,103,86,105,122,136,137,134,131);  
    document.MM_Time[0][3].values[1].prop = "top";  
    if (!ns) {  
        document.MM_Time[0][3].values[0].prop2 = "style";  
        document.MM_Time[0][3].values[1].prop2 = "style";  
    }  
    document.MM_Time[0][4] = new String("sprite");  
    document.MM_Time[0][4].slot = 5;  
    if (ns)  
        document.MM_Time[0][4].obj = document["Layer6"];  
    else  
        document.MM_Time[0][4].obj = document.all ? document.all["Layer6"] : null;  
    document.MM_Time[0][4].keyFrames = new Array(2, 5, 9, 12, 15, 18);  
    document.MM_Time[0][4].values = new Array(2);  
    document.MM_Time[0][4].values[0] = new Array(413,413,413,413,413,413,413,413,415,416,418,416,414,413,413,413,413);  
    document.MM_Time[0][4].values[0].prop = "left";  
    document.MM_Time[0][4].values[1] = new Array(131,124,118,111,116,120,125,131,119,105,91,107,121,131,131,131,131);  
    document.MM_Time[0][4].values[1].prop = "top";  
    if (!ns) {  
        document.MM_Time[0][4].values[0].prop2 = "style";  
        document.MM_Time[0][4].values[1].prop2 = "style";  
    }  
    document.MM_Time[0][5] = new String("sprite");  
    document.MM_Time[0][5].slot = 6;  
    if (ns)  
        document.MM_Time[0][5].obj = document["Layer7"];  
    else  
        document.MM_Time[0][5].obj = document.all ? document.all["Layer7"] : null;  
    document.MM_Time[0][5].keyFrames = new Array(2, 5, 9, 12, 15, 18);  
    document.MM_Time[0][5].values = new Array(2);  
    document.MM_Time[0][5].values[0] = new Array(433,433,433,433,434,436,437,438,435,432,428,427,427,428,430,431,433);  
    document.MM_Time[0][5].values[0].prop = "left";  
    document.MM_Time[0][5].values[1] = new Array(131,131,131,131,128,125,120,116,118,120,121,117,112,106,114,122,131);  
    document.MM_Time[0][5].values[1].prop = "top";  
    if (!ns) {  
        document.MM_Time[0][5].values[0].prop2 = "style";  
        document.MM_Time[0][5].values[1].prop2 = "style";  
    }  
    document.MM_Time[0][6] = new String("behavior");  
    document.MM_Time[0][6].frame = 19;  
    document.MM_Time[0][6].value = "MM_timelineGoto(’Timeline1’,’1’)";  
    document.MM_Time[0][7] = new String("sprite");  
    document.MM_Time[0][7].slot = 7;  
    if (ns)  
        document.MM_Time[0][7].obj = document["Layer3"];  
    else  
        document.MM_Time[0][7].obj = document.all ? document.all["Layer3"] : null;  
    document.MM_Time[0][7].keyFrames = new Array(2, 5, 9, 13, 16, 18);  
    document.MM_Time[0][7].values = new Array(4);  
    document.MM_Time[0][7].values[0] = new Array(458,458,458,458,457,457,457,458,463,468,473,478,468,459,453,454,458);  
    document.MM_Time[0][7].values[0].prop = "left";  
    document.MM_Time[0][7].values[1] = new Array(101,98,94,91,93,96,99,101,95,88,80,71,77,85,91,97,101);  
    document.MM_Time[0][7].values[1].prop = "top";  
    if (!ns) {  
        document.MM_Time[0][7].values[0].prop2 = "style";  
        document.MM_Time[0][7].values[1].prop2 = "style";  
    }  
    document.MM_Time[0][7].values[2] = new Array(31,31,31,31,31,31,31,31,31,31,31,31,31,31,31,31,31);  
    document.MM_Time[0][7].values[2].prop = "width";  
    if (!ns)  
        document.MM_Time[0][7].values[2].prop2 = "style";  
    document.MM_Time[0][7].values[3] = new Array(42,42,42,42,42,42,42,42,42,42,42,42,42,42,42,42,42);  
    document.MM_Time[0][7].values[3].prop = "height";  
    if (!ns)  
        document.MM_Time[0][7].values[3].prop2 = "style";  
    document.MM_Time[0].lastFrame = 19;  
    for (i=0; i<document.MM_Time.length; i++) {  
        document.MM_Time[i].ID = null;  
        document.MM_Time[i].curFrame = 0;  
        document.MM_Time[i].delay = 1000/document.MM_Time[i].fps;  
    }  
}  
//-->  
</SCRIPT>  

<SCRIPT language=JavaScript>  
<!--  
function MM_reloadPage(init) {   
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {  
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}  
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();  
}  
MM_reloadPage(true);  
// -->  
</SCRIPT>  

第二步:把如下代码加入<body>区域中 
<DIV id=Layer1   
style="HEIGHT: 52px; LEFT: 264px; POSITION: absolute; TOP: 86px; WIDTH: 58px; Z-INDEX: 1"><font color="#ff3333" face="隶书" size="7">会</font></DIV>  
<DIV id=Layer2   
style="HEIGHT: 27px; LEFT: 324px; POSITION: absolute; TOP: 112px; WIDTH: 36px; Z-INDEX: 2"><font color="#336600" size="5" face="隶书">跳</font></DIV>  
<DIV id=Layer4   
style="HEIGHT: 22px; LEFT: 363px; POSITION: absolute; TOP: 116px; WIDTH: 25px; Z-INDEX: 4"><font color="#ffff00" face="隶书" size="4">舞</font></DIV>  
<DIV id=Layer5   
style="HEIGHT: 1px; LEFT: 388px; POSITION: absolute; TOP: 116px; WIDTH: 1px; Z-INDEX: 5"><font color="#ff33ff" face="隶书" size="4">的</font></DIV>  
<DIV id=Layer6   
style="HEIGHT: 12px; LEFT: 408px; POSITION: absolute; TOP: 116px; WIDTH: 18px; Z-INDEX: 6"><font color="#0000cc" face="隶书" size="4">文</font></DIV>  
<DIV id=Layer7   
style="HEIGHT: 15px; LEFT: 428px; POSITION: absolute; TOP: 116px; WIDTH: 21px; Z-INDEX: 7"><font color="#ff6633" face="隶书" size="4">本</font></DIV>  
<DIV id=Layer3   
style="HEIGHT: 42px; LEFT: 453px; POSITION: absolute; TOP: 91px; WIDTH: 31px; Z-INDEX: 8"><B><FONT   
color=#00ff00 size=+5><I><FONT   
color=#009900>!</FONT></I></FONT></B></DIV> 

第三步:把<body>改为 
<BODY bgColor=#ccccff onload="MM_timelinePlay(’Timeline1’)">  

特效演示:www.kesonic.com/kc/design/show/03.htm



  2007/12/3 12:24:34  阅读 3640 次   [关闭窗口] [打印本页]

相关文章: 近期热点:

视频播放代码(real player) (4548)
控制网页中字体大小的简单方法(锁定... (4537)
根据时间变换的提示信息 (4492)
环绕转动的欢迎标语代码 (4482)
视频播放代码(windows me... (4403)


一些简单实用的HTML代码 (5170)
收集了一些有关网页设计的问题集 (4796)
40种网页常用小技巧(JavaSc... (4675)
视频播放代码(real player) (4548)
控制网页中字体大小的简单方法(锁定... (4537)
根据时间变换的提示信息 (4492)
环绕转动的欢迎标语代码 (4482)
视频播放代码(windows me... (4403)
做网站的必要准备↑
关于Kesonic.com - 站内搜索 - 泥客论坛 - 泥客留言 - 泥客简介 - 网站地图 - 管理
  Copyright 2002-2011 泥客网—小轲之家 All Rights Reserved