中国交友网 俱乐部 首页 - 我的交友 - 缘份搜索 - 心情日记 - 影集 - 论坛
桥畔 点击:305581 次
 
俱乐部首页 | 登录/注册 | 讨论区 | 影集(5) |
 当前位置:
主席:查理 ,副主席:猫咪咪 ,色海_乞丐 ,yumeigui ,... 
上一主题 | 下一主题 
 主题点击: 243 次 回复:共 2 页 11 条 本页从第 1 条 到第 10 条 1 2 下一页 最后页
作　　者 留　　　　　言
就这样活一回
2008-06-02 11:25
我们的梦（学习一下HTML+TIME）的特效代码
 
发邮件　加为好友　 举报此帖
就这样活一回
2008-06-02 11:28
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML xmlns:v = "urn:schemas-microsoft-com:vml" xmlns:t =
"urn:schemas-microsoft-com:time"><HEAD><TITLE>一回音画</TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<META http-equiv=Content-Style-Type content=text/css>
<META content="MSHTML 6.00.2800.1561" name=GENERATOR>
<META http-equiv=imagetoolbar content=no>
<STYLE>.time {
    BEHAVIOR: url(#default#time2)
}
t\:* {
    BEHAVIOR: url(#default#time2)
}
v\:* {
    BEHAVIOR: url(#default#VML)
}

</STYLE>
</HEAD>

<img id="i1" src="http://fengyuxiangban.blog.enorth.com.cn/attachment/pic/269522.jpg" style="width:1024; height:440; position:absolute; left:0; top:60;">

<t:animate id="large1" targetElement="i1" attributeName="width" from="0" to="1024" begin="1" dur="3" fill="hold" />

<t:animate id="large2" targetElement="i1" attributeName="height" from="0" to="440" begin="large1.begin" dur="8" fill="hold" />

<BODY id="body1">
<t:animateColor targetElement="body1" attributeName="backgroundColor" values="black;red;yellow;blue;lime;green;gold;gray;white" dur="350" autoReverse="false" begin="0" />


        <TBODY>
        <TR>
          <TD>
            <DIV id=world
            style="Z-INDEX: 2; LEFT: 0px; OVERFLOW: hidden; WIDTH: 1024px; POSITION: absolute; TOP: 60px; HEIGHT: 440px">

<img id="image1" src="http://fengyuxiangban.blog.enorth.com.cn/attachment/pic/269514.jpg" style="position:absolute; left:0px; top:0;" class="time" begin="5" dur="20">
<t:transitionFilter id="GradientWipe1" targetElement="image1" type="progid:DXImageTransform.Microsoft.GradientWipe(gradientsize=1.5)" mode="in" begin="image1.begin" dur="5" autoreverse="false" repeatcount="1" />
<t:transitionFilter id="fade1" targetElement="image1" type="fade" subtype="crossFade" mode="in" begin="image1.begin" dur="3" autoreverse="false" repeatcount="1" />
<t:transitionFilter id="fade1" targetElement="image1" type="fade" subtype="crossFade" mode="out" begin="image1.begin+15" dur="5" autoreverse="false" repeatcount="1" />
</t:transitionFilter>

<img id="image2" src="http://fengyuxiangban.blog.enorth.com.cn/attachment/pic/269505.jpg" style="position:absolute; left:0px; top:0;" class="time" begin="20" dur="20">
<t:transitionFilter id="GradientWipe1" targetElement="image2" type="progid:DXImageTransform.Microsoft.GradientWipe(gradientsize=1.5)" mode="in" begin="image2.begin" dur="5" autoreverse="false" repeatcount="1" />
<t:transitionFilter id="fade1" targetElement="image2" type="fade" subtype="crossFade" mode="in" begin="image2.begin" dur="3" autoreverse="false" repeatcount="1" />
<t:transitionFilter id="fade1" targetElement="image2" type="fade" subtype="crossFade" mode="out" begin="image2.begin+15" dur="5" autoreverse="false" repeatcount="1" />
</t:transitionFilter>

<img id="image3" src="http://fengyuxiangban.blog.enorth.com.cn/attachment/pic/269503.jpg" style="position:absolute; left:0px; top:0;" class="time" begin="35" dur="20">
<t:transitionFilter id="GradientWipe1" targetElement="image3" type="progid:DXImageTransform.Microsoft.GradientWipe(gradientsize=1.5)" mode="in" begin="image3.begin" dur="5" autoreverse="false" repeatcount="1" />
<t:transitionFilter id="fade1" targetElement="image3" type="fade" subtype="crossFade" mode="in" begin="image3.begin" dur="3" autoreverse="false" repeatcount="1" />
<t:transitionFilter id="fade1" targetElement="image3" type="fade" subtype="crossFade" mode="out" begin="image3.begin+15" dur="5" autoreverse="false" repeatcount="1" />
</t:transitionFilter>


<CENTER></CENTER>
</td></tr></tbody></TABLE></CENTER>





<p lign=center>
<OBJECT id=aboutplayer height=0 width=0
classid=clsid:6bf52a52-394a-11d3-b153-00c04f79faa6><PARAM NAME="url" VALUE="http://chinese.cersp.com/skin/cersp/1-10.wma"><PARAM NAME="autostart" VALUE="1"><PARAM NAME="volume" VALUE="100"><PARAM NAME="enablecontextmenu" VALUE="0"><PARAM NAME="enableerrordialogs" VALUE="0"></OBJECT></CENTER><SPAN id=lrcdata><!--





[00:00.00]
[00:06.80]中国音画网原创
[00:16.20]一回
[00:18.80]
[00:23.80]
[00:25.80]这是一种爱
[00:27.80]
[00:31.50]象我们的生命
[00:34.35]
[00:37.55]就在一瞬间
[00:39.95]
[00:43.20]璀璨如火焰
[00:46.35]
[00:49.30]有一百种语言
[00:52.00]
[00:55.35]有一千种声音
[00:58.10]
[01:01.15]全世界都听到
[01:03.85]
[01:05.50]这呼喊
[01:07.50]
[01:10.75]这是我们的梦
[01:12.95]
[01:15.90]一个真 实的梦
[01:19.55]
[01:24.00]让每个人和每颗心
[01:27.55]
[01:28.95]紧紧相拥
[01:31.85]
[01:34.50]这是我们的梦
[01:36.70]
[01:39.75]一个真 实的梦
[01:43.35]
[01:47.20]让每个人的每颗心
[01:51.75]
[01:52.85]感到光荣
[01:55.30]
[02:01.45]没有了杀戮
[02:03.60]
[02:07.10]没有了偏见
[02:09.80]
[02:12.90]只有一种爱
[02:15.80]
[02:18.70]连接着每颗心
[02:21.55]
[02:24.90]用一百种语言
[02:27.40]
[02:30.85]用一千种声音
[02:33.50]
[02:36.70]全世界都听到
[02:39.45]
[02:40.90]这呼喊
[02:43.00]
[02:46.25]这是我们的梦
[02:48.45]
[02:51.45]一个真 实的梦
[02:54.95]
[02:58.65]让每个人和每颗心
[03:03.50]
[03:04.45]紧紧相拥
[03:07.15]
[03:10.10]这是我们的梦
[03:12.40]
[03:15.85]一个真 实的梦
[03:18.90]
[03:23.35]让每个人的每颗心
[03:27.40]
[03:28.40]感到光荣
[03:31.10]
[03:58.00]这是我们的梦
[04:00.85](这是我们的梦)
[04:03.90]一个真实的梦
[04:07.00](一个真实的梦)
[04:11.35]让每个人和每颗心
[04:14.80]
[04:16.00]紧紧相拥
[04:19.10](紧紧相拥)
[04:21.80]这是我们的梦
[04:24.70](这是我们的梦)
[04:27.75]一个真实的梦
[04:30.90](一个真实的梦)
[04:35.15]让每个人的每颗心
[04:38.75]
[04:39.75]感到光荣
[04:42.75]
[04:45.30]
[05:00.00]



--></SPAN></p>
<TABLE id=sth style="Z-INDEX: 800; left: 600px; POSITION: absolute; TOP: 400px"
cellSpacing=0 cellPadding=0 border=0>
  <TBODY>
  <TR>
    <TD align=middle>
      <TABLE cellSpacing=0 cellPadding=0 border=0>
        <TBODY>
        <TR>
          <TD align=middle><SPAN id=lrcbox
            style="COLOR: #ff0000; HEIGHT: 20px"></SPAN></TD></TR>
        <TR style="Z-INDEX: 30; POSITION: relative; TOP: -20px">
          <TD noWrap>
            <DIV id=lrcbc
            style="OVERFLOW: hidden; WIDTH: 300px; COLOR: #eeee00; HEIGHT: 20px"></DIV></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

<SCRIPT language=JavaScript>
ffbb=0;
lrcobj=new lrcClass(lrcdata.innerHTML.slice(4,-3));
function lrcClass(tt)
{
  this.inr=[];
  this.oTime=0;
  this.dte=-1;

tt=tt.replace(/\[[^\[\]]*\:[^\[\]]*[^\[\]\d\.]+[^\[\]]*\]/g,"");

while(/\[[^\[\]]+\:[^\[\]]+\]/.test(tt))
{
  tt=tt.replace(/((\[[^\[\]]+\:[^\[\]]+\])+[^\[\r\n]*)[^\[]*/,"\n");
  var zzzt=RegExp.$1;
    /^(.+\])([^\]]*)$/.exec(zzzt);
  var ltxt=RegExp.$2;
  var eft=RegExp.$1.slice(1,-1).split("][");
for(var ii=0; ii<eft.length; ii++)
    {
      var sf=eft[ii].split(":");
      var tse=parseInt(sf[0],10)*60+parseFloat(sf[1]);
      var sso={t:[] , w:[] , n:ltxt}
      sso.t[0]=tse-this.oTime;
      this.inr[this.inr.length]=sso;
    }
}


for(var ii=0; ii<this.inr.length; ii++)
{
    while(/<[^<>]+\:[^<>]+>/.test(this.inr[ii].n))
    {
      this.inr[ii].n=this.inr[ii].n.replace(/<(\d+)\:([\d\.]+)>/,"%=%");
      var tse=parseInt(RegExp.$1,10)*60+parseFloat(RegExp.$2);
      this.inr[ii].t[this.inr[ii].t.length]=tse-this.oTime;
    }
    lrcbc.innerHTML="<font>"+this.inr[ii].n.replace(/&/g,"&").replace(/</g,"<").replace(/>/g,">").replace(/%=%/g,"</font><font>")+" </font>";
    var fall=lrcbc.getElementsByTagName("font");
for(var wi=0; wi<fall.length; wi++)
    this.inr[ii].w[this.inr[ii].w.length]=fall[wi].offsetWidth;
    this.inr[ii].n=lrcbc.innerText;
}

this.run=function(tme)
{
    {
      var ii;
      for(ii=this.inr.length-1; ii>=0 && this.inr[ii].t[0]>tme; ii--){}
      if(ii<0) return;
      this.ddh=this.inr[ii].t;
      this.fjh=this.inr[ii].w;
      this.dte=(ii<this.inr.length-1)?this.inr[ii+1].t
[0]:aboutplayer.currentMedia.duration;
      this.print(this.retxt(ii));
    }
    var bbw=0;
    var ki;
    for(ki=0; ki<this.ddh.length && this.ddh[ki]<=tme; ki++)
    bbw+=this.fjh[ki];
    var kt=ki-1;
    var sc=((ki<this.ddh.length)?this.ddh[ki]:this.dte)-this.ddh[kt];
    var tc=tme-this.ddh[kt];
    bbw-=this.fjh[kt]-tc/sc * this.fjh[kt];
    if(bbw>lrcbox.offsetWidth)
    bbw=lrcbox.offsetWidth;
    lrcbc.style.width=Math.round(bbw);
}

this.retxt=function(i)
{
  return(i<0 || i>=this.inr.length)?"":this.inr.n;
}

this.print=function(txt)
{
    lrcbox.innerText=txt;
    lrcbc.innerText=txt;
}
}

function lrcrun()
{
  with(aboutplayer)
  {
lrcobj.run(controls.currentPosition+ffbb);
  }
  setTimeout("lrcrun()",10);
}
lrcrun();
</SCRIPT>


</BODY>
</HTML>
 
发邮件　加为好友　 举报此帖
就这样活一回
2008-06-02 11:30
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML xmlns:v = "urn:schemas-microsoft-com:vml" xmlns:t =
"urn:schemas-microsoft-com:time"><HEAD><TITLE>一回音画</TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<META http-equiv=Content-Style-Type content=text/css>
<META content="MSHTML 6.00.2800.1561" name=GENERATOR>
<META http-equiv=imagetoolbar content=no>
<STYLE>.time {
    BEHAVIOR: url(#default#time2)
}
t\:* {
    BEHAVIOR: url(#default#time2)
}
v\:* {
    BEHAVIOR: url(#default#VML)
}

</STYLE>
</HEAD>
在HTML+TIME代码中，上面这一段为开头码，是永远不动的，COPY就好。
 
发邮件　加为好友　 举报此帖
就这样活一回
2008-06-02 11:31
<img id="i1"中的id就是给图片命名。好像我们上网的ID是一样的。
<img id="i1" src="http://fengyuxiangban.blog.enorth.com.cn/attachment/pic/269522.jpg" style="width:1024; height:440; position:absolute; left:0; top:60;">

<t:animate id="large1" targetElement="i1" attributeName="width" from="0" to="1024" begin="1" dur="3" fill="hold" />

<t:animate id="large2" targetElement="i1" attributeName="height" from="0" to="440" begin="large1.begin" dur="8" fill="hold" />

<BODY id="body1">
<t:animateColor targetElement="body1" attributeName="backgroundColor" values="black;red;yellow;blue;lime;green;gold;gray;white" dur="350" autoReverse="false" begin="0" />

上面这段代吗是构成整个贴的底图，因为我不会用PS，所以我用变幻的色彩加上图片，合成一个贴的底图。

当中<t:animate id="large1" targetElement="i1" attributeName="width" from="0" to="1024" begin="1" dur="3" fill="hold" />
是横向图片拉开，拉开宽是从0到1024    ，代码为attributeName="width" from="0" to="1024

begin="1" 是从第一秒开始。dur="3"是3秒后动作完成。

<t:animate id="large2" targetElement="i1" attributeName="height" from="0" to="440" begin="large1.begin" dur="8" fill="hold" />

是纵向图片拉开代码。拉开的高度是从0到440.  代码是attributeName="height" from="0" to="440。。。。。。begin="large1.begin是说动作和第一个动作同时开始。结束是在8秒后。

所以会开到图片横向拉的很快，而纵向慢了一点。是因时间设计不一样了。
下面是图片完整动作代码：

<img id="i1" src="http://fengyuxiangban.blog.enorth.com.cn/attachment/pic/269522.jpg" style="width:1024; height:440; position:absolute; left:0; top:60;">

<t:animate id="large1" targetElement="i1" attributeName="width" from="0" to="1024" begin="1" dur="3" fill="hold" />





<t:animate id="large2" targetElement="i1" attributeName="height" from="0" to="440" begin="large1.begin" dur="8" fill="hold" />

下面的代码是色彩变化的代码，时间我是按歌曲大约时间350秒，所以到最后会发觉色彩没了。^_^
<BODY id="body1">
<t:animateColor targetElement="body1" attributeName="backgroundColor" values="black;red;yellow;blue;lime;green;gold;gray;white" dur="350" autoReverse="false" begin="0" />



以上的代吗是整个贴的底图。就向唱戏的舞台了。^_^
 
发邮件　加为好友　 举报此帖
就这样活一回
2008-06-02 11:31
<TBODY>
        <TR>
          <TD>
            <DIV id=world
            style="Z-INDEX: 2; LEFT: 0px; OVERFLOW: hidden; WIDTH: 1024px; POSITION: absolute; TOP: 60px; HEIGHT: 440px">

上面这代码一看就知道了。给整个贴定了一个型。
 
发邮件　加为好友　 举报此帖
就这样活一回
2008-06-02 11:32
如果说上面的代码是个舞台，那下面的代码就是舞台上的演员了，大家比一下看看。其实都是重复代吗，关键是时间的调控。。而代码和上面是差不多的。^_^


<img id="image1" src="http://fengyuxiangban.blog.enorth.com.cn/attachment/pic/269514.jpg" style="position:absolute; left:0px; top:0;" class="time" begin="5" dur="20">
<t:transitionFilter id="GradientWipe1" targetElement="image1" type="progid:DXImageTransform.Microsoft.GradientWipe(gradientsize=1.5)" mode="in" begin="image1.begin" dur="5" autoreverse="false" repeatcount="1" />
<t:transitionFilter id="fade1" targetElement="image1" type="fade" subtype="crossFade" mode="in" begin="image1.begin" dur="3" autoreverse="false" repeatcount="1" />
<t:transitionFilter id="fade1" targetElement="image1" type="fade" subtype="crossFade" mode="out" begin="image1.begin+15" dur="5" autoreverse="false" repeatcount="1" />
</t:transitionFilter>

<img id="image2" src="http://fengyuxiangban.blog.enorth.com.cn/attachment/pic/269505.jpg" style="position:absolute; left:0px; top:0;" class="time" begin="20" dur="20">
<t:transitionFilter id="GradientWipe1" targetElement="image2" type="progid:DXImageTransform.Microsoft.GradientWipe(gradientsize=1.5)" mode="in" begin="image2.begin" dur="5" autoreverse="false" repeatcount="1" />
<t:transitionFilter id="fade1" targetElement="image2" type="fade" subtype="crossFade" mode="in" begin="image2.begin" dur="3" autoreverse="false" repeatcount="1" />
<t:transitionFilter id="fade1" targetElement="image2" type="fade" subtype="crossFade" mode="out" begin="image2.begin+15" dur="5" autoreverse="false" repeatcount="1" />
</t:transitionFilter>

<img id="image3" src="http://fengyuxiangban.blog.enorth.com.cn/attachment/pic/269503.jpg" style="position:absolute; left:0px; top:0;" class="time" begin="35" dur="20">
<t:transitionFilter id="GradientWipe1" targetElement="image3" type="progid:DXImageTransform.Microsoft.GradientWipe(gradientsize=1.5)" mode="in" begin="image3.begin" dur="5" autoreverse="false" repeatcount="1" />
<t:transitionFilter id="fade1" targetElement="image3" type="fade" subtype="crossFade" mode="in" begin="image3.begin" dur="3" autoreverse="false" repeatcount="1" />
<t:transitionFilter id="fade1" targetElement="image3" type="fade" subtype="crossFade" mode="out" begin="image3.begin+15" dur="5" autoreverse="false" repeatcount="1" />
</t:transitionFilter>
 
发邮件　加为好友　 举报此帖
就这样活一回
2008-06-02 11:35
<p lign=center>
<OBJECT id=aboutplayer height=0 width=0
classid=clsid:6bf52a52-394a-11d3-b153-00c04f79faa6><PARAM NAME="url" VALUE="http://chinese.cersp.com/skin/cersp/1-10.wma"><PARAM NAME="autostart" VALUE="1"><PARAM NAME="volume" VALUE="100"><PARAM NAME="enablecontextmenu" VALUE="0"><PARAM NAME="enableerrordialogs" VALUE="0"></OBJECT></CENTER><SPAN id=lrcdata><!--





[00:00.00]
[00:06.80]中国音画网原创
[00:16.20]一回
[00:18.80]
[00:23.80]
[00:25.80]这是一种爱
[00:27.80]
[00:31.50]象我们的生命
[00:34.35]
[00:37.55]就在一瞬间
[00:39.95]
[00:43.20]璀璨如火焰
[00:46.35]
[00:49.30]有一百种语言
[00:52.00]
[00:55.35]有一千种声音
[00:58.10]
[01:01.15]全世界都听到
[01:03.85]
[01:05.50]这呼喊
[01:07.50]
[01:10.75]这是我们的梦
[01:12.95]
[01:15.90]一个真 实的梦
[01:19.55]
[01:24.00]让每个人和每颗心
[01:27.55]
[01:28.95]紧紧相拥
[01:31.85]
[01:34.50]这是我们的梦
[01:36.70]
[01:39.75]一个真 实的梦
[01:43.35]
[01:47.20]让每个人的每颗心
[01:51.75]
[01:52.85]感到光荣
[01:55.30]
[02:01.45]没有了杀戮
[02:03.60]
[02:07.10]没有了偏见
[02:09.80]
[02:12.90]只有一种爱
[02:15.80]
[02:18.70]连接着每颗心
[02:21.55]
[02:24.90]用一百种语言
[02:27.40]
[02:30.85]用一千种声音
[02:33.50]
[02:36.70]全世界都听到
[02:39.45]
[02:40.90]这呼喊
[02:43.00]
[02:46.25]这是我们的梦
[02:48.45]
[02:51.45]一个真 实的梦
[02:54.95]
[02:58.65]让每个人和每颗心
[03:03.50]
[03:04.45]紧紧相拥
[03:07.15]
[03:10.10]这是我们的梦
[03:12.40]
[03:15.85]一个真 实的梦
[03:18.90]
[03:23.35]让每个人的每颗心
[03:27.40]
[03:28.40]感到光荣
[03:31.10]
[03:58.00]这是我们的梦
[04:00.85](这是我们的梦)
[04:03.90]一个真实的梦
[04:07.00](一个真实的梦)
[04:11.35]让每个人和每颗心
[04:14.80]
[04:16.00]紧紧相拥
[04:19.10](紧紧相拥)
[04:21.80]这是我们的梦
[04:24.70](这是我们的梦)
[04:27.75]一个真实的梦
[04:30.90](一个真实的梦)
[04:35.15]让每个人的每颗心
[04:38.75]
[04:39.75]感到光荣
[04:42.75]
[04:45.30]
[05:00.00]



--></SPAN></p>
<TABLE id=sth style="Z-INDEX: 800; left: 600px; POSITION: absolute; TOP: 400px"
cellSpacing=0 cellPadding=0 border=0>
  <TBODY>
  <TR>
    <TD align=middle>
      <TABLE cellSpacing=0 cellPadding=0 border=0>
        <TBODY>
        <TR>
          <TD align=middle><SPAN id=lrcbox
            style="COLOR: #ff0000; HEIGHT: 20px"></SPAN></TD></TR>
        <TR style="Z-INDEX: 30; POSITION: relative; TOP: -20px">
          <TD noWrap>
            <DIV id=lrcbc
            style="OVERFLOW: hidden; WIDTH: 300px; COLOR: #eeee00; HEIGHT: 20px"></DIV></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

<SCRIPT language=JavaScript>
ffbb=0;
lrcobj=new lrcClass(lrcdata.innerHTML.slice(4,-3));
function lrcClass(tt)
{
  this.inr=[];
  this.oTime=0;
  this.dte=-1;

tt=tt.replace(/\[[^\[\]]*\:[^\[\]]*[^\[\]\d\.]+[^\[\]]*\]/g,"");

while(/\[[^\[\]]+\:[^\[\]]+\]/.test(tt))
{
  tt=tt.replace(/((\[[^\[\]]+\:[^\[\]]+\])+[^\[\r\n]*)[^\[]*/,"\n");
  var zzzt=RegExp.$1;
    /^(.+\])([^\]]*)$/.exec(zzzt);
  var ltxt=RegExp.$2;
  var eft=RegExp.$1.slice(1,-1).split("][");
for(var ii=0; ii<eft.length; ii++)
    {
      var sf=eft[ii].split(":");
      var tse=parseInt(sf[0],10)*60+parseFloat(sf[1]);
      var sso={t:[] , w:[] , n:ltxt}
      sso.t[0]=tse-this.oTime;
      this.inr[this.inr.length]=sso;
    }
}


for(var ii=0; ii<this.inr.length; ii++)
{
    while(/<[^<>]+\:[^<>]+>/.test(this.inr[ii].n))
    {
      this.inr[ii].n=this.inr[ii].n.replace(/<(\d+)\:([\d\.]+)>/,"%=%");
      var tse=parseInt(RegExp.$1,10)*60+parseFloat(RegExp.$2);
      this.inr[ii].t[this.inr[ii].t.length]=tse-this.oTime;
    }
    lrcbc.innerHTML="<font>"+this.inr[ii].n.replace(/&/g,"&").replace(/</g,"<").replace(/>/g,">").replace(/%=%/g,"</font><font>")+" </font>";
    var fall=lrcbc.getElementsByTagName("font");
for(var wi=0; wi<fall.length; wi++)
    this.inr[ii].w[this.inr[ii].w.length]=fall[wi].offsetWidth;
    this.inr[ii].n=lrcbc.innerText;
}

this.run=function(tme)
{
    {
      var ii;
      for(ii=this.inr.length-1; ii>=0 && this.inr[ii].t[0]>tme; ii--){}
      if(ii<0) return;
      this.ddh=this.inr[ii].t;
      this.fjh=this.inr[ii].w;
      this.dte=(ii<this.inr.length-1)?this.inr[ii+1].t
[0]:aboutplayer.currentMedia.duration;
      this.print(this.retxt(ii));
    }
    var bbw=0;
    var ki;
    for(ki=0; ki<this.ddh.length && this.ddh[ki]<=tme; ki++)
    bbw+=this.fjh[ki];
    var kt=ki-1;
    var sc=((ki<this.ddh.length)?this.ddh[ki]:this.dte)-this.ddh[kt];
    var tc=tme-this.ddh[kt];
    bbw-=this.fjh[kt]-tc/sc * this.fjh[kt];
    if(bbw>lrcbox.offsetWidth)
    bbw=lrcbox.offsetWidth;
    lrcbc.style.width=Math.round(bbw);
}

this.retxt=function(i)
{
  return(i<0 || i>=this.inr.length)?"":this.inr.n;
}

this.print=function(txt)
{
    lrcbox.innerText=txt;
    lrcbc.innerText=txt;
}
}

function lrcrun()
{
  with(aboutplayer)
  {
lrcobj.run(controls.currentPosition+ffbb);
  }
  setTimeout("lrcrun()",10);
}
lrcrun();
</SCRIPT>

这一部分是歌曲和同步歌词代码
 
发邮件　加为好友　 举报此帖
就这样活一回
2008-06-02 11:39
Re: 燕子飞来:
你曾经说: wow!!!这么多代码！先谢谢一回！一回，你得把这代码详细说明一下，比如哪个是动画代码，怎样应用，哪个是可以自由变换的代码，还有你那歌词同步的时间怎么会找的那么准确。。。怎么样，偶这个学生是不是很勤学好问..
我已用红色字给标出来了。你先看着，
 
发邮件　加为好友　 举报此帖
就这样活一回
2008-06-02 18:48
Re: 燕子飞来:
你曾经说: 哈哈。。。真不愧是老师了，学生的问题还没打完就知道学生要问什么啦！佩服！一回，那歌词是怎样做到同步的？ 还有在笔记本里存档是存html还是txt?？还有一回，这些代码在哪里编辑？http://free.2259.com/html02.h..

我是在北方网上传链接，但这一段时间有点不稳定。

在记事本里编代码。编好后以TXT文件名保存。再传到空间里看效果。效果不好再改。

你那个是编辑器。对这样的复杂代码是没有用的^_^
 
发邮件　加为好友　 举报此帖
未来时空
2008-06-02 22:35
一回老师我来看看你这个不错呵呵
 
发邮件　加为好友　 举报此帖
就这样活一回
2008-06-02 22:41
Re: 未来时空:
你曾经说: 一回老师我来看看你这个不错呵呵

阿康，和你说过好多次了，不要叫我老师^_^。这里高手如云^_^
 
发邮件　加为好友　 举报此帖
 主题点击: 243 次 回复:共 2 页 11 条 本页从第 1 条 到第 10 条 1 2 下一页 最后页
上一主题 | 下一主题 
简体 | 繁体 | Wap | 免责条款 | 隐私权政策 | 投诉 | 网站地图 | 关于我们 | 联系我们 | 加入收藏 | 设成首页 | 向好友推荐本站
目前在线:1165人 | 中国交友网管理员: jiaoyou
Copyright©2004-2008; 中国交友网. All Rights Reserved.      京ICP证 070009号