可爱老人网

 找回密码
 注册会员
搜索
查看: 9235|回复: 85

特效代码习作:茉莉花

[复制链接]
发表于 2013-8-27 22:22 | 显示全部楼层 |阅读模式

 










 楼主| 发表于 2013-8-27 22:41 | 显示全部楼层
本帖最后由 周春祥 于 2013-8-28 06:47 编辑

不带同步歌词的代码:(红色是底图图片地址,海绿色是移动图片地址,紫色是mp3地址。六张图片尺寸都是1000x560。切不直接用此代码发帖,网页会变形的。图片等更换好后要上传空间后,用txt形式发帖)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HEAD><TITLE>茉莉漂香</TITLE>
<META http-equiv=Content-Style-Type content=text/css>
<META content="MSHTML 6.00.2716.2200" name=GENERATOR>
<STYLE type=text/css>.time {
BEHAVIOR: url(#default#time2)
}
BODY {
BORDER-RIGHT: #628481  6px ridge; BORDER-TOP: #628481  6px ridge; MARGIN: 6px;
OVERFLOW: hidden; BORDER-LEFT: #628481  6px ridge; BORDER-BOTTOM: #628481  6px ridge
}
#layer1 {
SCROLLBAR-ARROW-COLOR: #628481 ; SCROLLBAR-BASE-COLOR: black
}
</STYLE>
<BODY id=body1 background=http://upload.yinhuabbs.cn/up/upload/201308/1377585102x1960838257.jpg>
<body>
<OBJECT id=aboutplayer height=0 width=0
classid=clsid:6bf52a52-394a-11d3-b153-00c04f79faa6><PARAM NAME="url" VALUE=""><PARAM NAME="autostart" VALUE="5"><PARAM NAME="volume" VALUE="100"><PARAM NAME="enablecontextmenu" VALUE="0"><PARAM NAME="enableerrordialogs" VALUE="0"><param NAME="PlayCount" VALUE="100"></OBJECT>
</CENTER><SPAN id=lrcdata><TABLE id=sth style=" LEFT: 50px; POSITION: absolute; TOP:1150px"
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: #3366CC; HEIGHT: 30px"></SPAN></TD></TR>
        <TR style="  POSITION: relative; TOP: -30px">
          <TD noWrap>
            <DIV id=lrcbc
            style="OVERFLOW: hidden; WIDTH: 1000px; COLOR: #FFFFFF; HEIGHT: 533px"></DIV></TD></TR></TBODY></TABLE>
</TD></TR></TBODY></TABLE>
<TABLE    style=" LEFT: 710px; POSITION: absolute; TOP:1150px"
cellSpacing=0 cellPadding=0 border=0>
  <TBODY>
  <TR>
    <TD  style="FILTER: alpha(opacity=100,style=2)"  align=middle width=150><input   style="BACKGROUND-COLOR: #3366CC; COLOR: #FFFFFF; font-size:10pt" type="button" /> </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>
<SCRIPT language=JAVASCRIPT>
SiteName = "javascript";
SiteTarget = "_top";
</SCRIPT>
<SCRIPT language=JavaScript>
var no = 50;
var speed = 1;
var ns4up = (document.layers) ? 1 : 0;
var ie4up = (document.all) ? 1 : 0;
var s, x, y, sn, cs;
var a, r, cx, cy;
var i, doc_width = 1000, doc_height = 1200;
if (ns4up) {
doc_width = self.innerWidth;
doc_height = self.innerHeight;
}
else
if (ie4up) {
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}
x = new Array();
y = new Array();
r = new Array();
cx = new Array();
cy = new Array();
s = 8;
for (i = 0; i < no; ++ i) {
initRain();
if (ns4up) {
if (i == 0) {
else
if (ie4up) {
raindropIE();
}
</SCRIPT>
<SCRIPT>
<!--
onerror = null
function a(my, gdale){
this.er = my
this.o = gdale
this.obj = gdale.style
this.trig = document.body.offsetWidth - 0.75 * gdale.offsetWidth
this.hh = gdale.offsetHeight
this. coef = gdale.offsetWidth / gdale.offsetHeight
this.raz = raZ
this.grow = groW
this.shrink = shrinK
this.slid3 = slid3
if(my==0) {
  this.raz()
  this.grow()
}
}
function raZ() {
this.dy = 2
this.lance = false
this.dw = 2.1
this.du = this.dw * this.coef
this.obj.pixelTop = 2
this.obj.pixelLeft = document.body.offsetWidth
this.obj.pixelHeight = 0
this.obj.zIndex = -1
}
function groW(){
with (this) {
obj.pixelHeight += dw
obj.pixelLeft -= du
if (obj.pixelHeight >= hh) slid3(); else setTimeout("abject[" + er + "].grow()", 33)
}
}
function shrinK(){
with (this) {
obj.pixelHeight -= dw
if (obj.pixelHeight > dw) setTimeout("abject[" + er + "].shrink()", 33); else obj.pixelLeft =1000+ document.body.offsetWidth
}
}
function slid3(){
with (this) {
obj.pixelLeft -= dy
if (obj.pixelLeft < trig && !lance) {var re = (er + 1) % nb_pic; abject[re].raz();abject[re].grow(); lance = true}
if (obj.pixelLeft < dy) shrink(); else setTimeout("abject[" + er + "].slid3()", 33)
}
}
var abject = new Object(), nb_pic = 0
function ziva() {
var lezimages = document.all.tags("IMG")
nb_pic = lezimages.length
for(nique = 0; nique < lezimages.length; nique++) abject[nique] = new a(nique, lezimages[nique])
}
//
//-->
</SCRIPT>
<STYLE>
BODY
IMG {
BORDER-RIGHT: #8D0066 0px inset; BORDER-TOP: #8D0066 0px inset; BORDER-LEFT: #8D0066 0px inset; BORDER-BOTTOM: #8D0066 0px inset; POSITION: absolute; TOP: -1000px
}
</STYLE>
<IMG src="http://upload.yinhuabbs.cn/up/upload/201308/1377585151x1960838257.jpg"><IMG src="http://upload.yinhuabbs.cn/up/upload/201308/1377585343x1960838257.jpg "  ><IMG src="http://upload.yinhuabbs.cn/up/upload/201308/1377585561x1960838257.jpg">
<IMG src="http://upload.yinhuabbs.cn/up/upload/201308/1377585759x1960838257.jpg">
<IMG src="http://upload.yinhuabbs.cn/up/upload/201308/1377585822x1960838257.jpg">
<SCRIPT>
setTimeout("ziva()", 4500, 'JAVASCRIPT')
</SCRIPT>
<HTML xmlns:v>
<STYLE>v\:* {
  BEHAVIOR: url(#default#VML)
}
v\:textpath {
  FONT-SIZE: 23px; FONT-FAMILY: 楷体_gb2312; v-text-align: left
}
</STYLE>
<embed width=0 height=0 style=filter:xray src=http://bbs.kukupig.com/vk/8DE44FFD1BF44D5A75C7D4C84755AE56/kukupig.mp3 type=audio/mpeg autostart=1 panel=0 loop=true></embed>
<FONT  style="POSITION: absolute; WIDTH: 400px; TOP:520px; LEFT: 800px"  style="FILTER: shadow(color=#DA70D6); LINE-HEIGHT: 150%; WIDTH: 100%; FONT-FAMILY: DFYaSongW9-GB; COLOR: white; FONT-SIZE: 11pt"><B>周春祥音画/素材/网络
<BR>
</B></FONT>
<html>

用txt形式发帖代码:(红色是txt地址)

<DIV style="POSITION: relative; WIDTH: 1005px; TOP:100px; LEFT: -203px" twffan="done"><IFRAME height=570 marginHeight=0 src="http://txt.meqzone.com/up5/1377614043_1960838257.txt" frameBorder=0 width=1005 marginWidth=0 scrolling=no></IFRAME></DIV><BR><BR><BR><BR><BR><BR><BR><BR><BR><


发表于 2013-8-27 23:12 | 显示全部楼层
我先收藏,然后试做,谢谢春祥大哥。
发表于 2013-8-28 00:42 | 显示全部楼层
谢谢老哥图音并茂精美制作。非常赞赏!
杭州西湖 该用户已被删除
发表于 2013-8-28 05:26 | 显示全部楼层
提示: 作者被禁止或删除 内容自动屏蔽
 楼主| 发表于 2013-8-28 06:52 | 显示全部楼层
杭州西湖 发表于 2013-8-28 05:26
先收藏,然后试做!谢春祥!

我对发在沙发内的代码加了几个颜色说明,请老姐去观看一下。
 楼主| 发表于 2013-8-28 06:53 | 显示全部楼层
人比黄花胖 发表于 2013-8-27 23:12
我先收藏,然后试做,谢谢春祥大哥。

我对发在沙发内的代码加了几个颜色说明,请你去观看一下。
真诚永恒 该用户已被删除
发表于 2013-8-28 07:03 | 显示全部楼层
提示: 作者被禁止或删除 内容自动屏蔽
发表于 2013-8-28 07:12 | 显示全部楼层
兄弟早晨好,你的音画越做越好,欣赏。
夏雨 该用户已被删除
发表于 2013-8-28 07:18 | 显示全部楼层
提示: 作者被禁止或删除 内容自动屏蔽
        
下一页 发布主题 快速回复

手机版|公众号|小黑屋|可爱老人网

GMT+8, 2024-11-18 12:43

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

快速回复 返回顶部 返回列表