可爱老人网

 找回密码
 注册会员
搜索
楼主: 周春祥

特效代码习作:军中姐妹

[复制链接]
茉莉香茶 该用户已被删除
发表于 2013-7-27 10:49 | 显示全部楼层
提示: 作者被禁止或删除 内容自动屏蔽
茉莉香茶 该用户已被删除
发表于 2013-7-27 10:54 | 显示全部楼层
提示: 作者被禁止或删除 内容自动屏蔽
发表于 2013-7-27 11:44 | 显示全部楼层
哎呀!好兄弟!您的音画制作水平越来越精!让人敬赞!高!高!!实在高!!!
 楼主| 发表于 2013-7-27 13:07 | 显示全部楼层
溧平书院 发表于 2013-7-27 09:45
欣赏老师精美佳作!我已收下了,有时间仿做一个。谢谢老师的好教材!

老师:我查看了源文件 ...

这个特效代码复制粘贴要小心,不能有丝毫差错,否则代码就不运行。我制作时已遇到了。
 楼主| 发表于 2013-7-27 13:15 | 显示全部楼层
红红的太阳 发表于 2013-7-27 11:44
哎呀!好兄弟!您的音画制作水平越来越精!让人敬赞!高!高!!实在高!!!{: ...

高温只能在家,这二天孙女在杨浦上补习英语课,今晚回山阳。孙女一回来,音画就制作不成了。
 楼主| 发表于 2013-7-27 13:18 | 显示全部楼层
散步的夕阳花 发表于 2013-7-27 10:55
周版主,我太喜欢这音画了,可是这特出的代码是什么?怎么使用?可以传授一下吗?先谢谢啦。

特效代码如下:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML xmlns:v = "urn:schemas-microsoft-com:vml"><HEAD><TITLE>《女兵》</TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312"></HEAD>
<META content="Microsoft FrontPage 6.0" name=GENERATOR></HEAD>
<BODY onselectstart="return false" id=table1 ondragstart="return false" scroll=no  onload=strt()  leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"><table id="__01" width="1024" height="650" border="0" cellpadding="0" cellspacing="0">
        <tr>
                <td>
                        <img src="http://p.yuweining.cn/di-TSO4.jpg" width="1024" height="650" alt=""></td>
        </tr>
        <tr>
                <td>
                       
</table>

<STYLE>BODY {
        FONT-WEIGHT: bold; FONT-SIZE: 114pt; COLOR: #fcb7d7; FONT-FAMILY: "Garamond"; BACKGROUND-COLOR: #fc4b8d
}
</STYLE>

<STYLE type=text/css>v\:* {
        BEHAVIOR: url(#default#VML)
}
</STYLE>

<META content="MSHTML 6.00.2900.2668" name=GENERATOR>
<SCRIPT language=javascript>
// a&ntilde;ade aqui el mensaje que aparece cuando pulse el raton derecho.
//
var msg = "";
// no toques esta funcion
function RClick(boton){
if (document.layers && boton.which == 3) {
    alert(msg);    return false;  }
  if (document.all && event.button == 2 || event.button == 3) {
    alert(msg);    return false; }
}
document.onmousedown = RClick
</SCRIPT>
<SCRIPT language=JavaScript1.2>
if (document.all)
document.body.style.cssText="border:8 ridge #fc4b8d"
</SCRIPT>
<!-- These are the slide images - Number them sequentially --><IMG id=pic1
style="LEFT: -1800px; POSITION: absolute; TOP: -1800px"
src="http://upload.ouliu.net/i/20130726095839usaej.jpeg"><IMG id=pic2
style="LEFT: -1800px; POSITION: absolute; TOP: -1800px"
src="http://upload.ouliu.net/i/201307261053154u3yh.jpeg"><IMG id=pic3
style="LEFT: -1800px; POSITION: absolute; TOP: -1800px"
src="http://upload.ouliu.net/i/20130726105125den90.jpeg"><IMG id=pic4
style="LEFT: -1800px; POSITION: absolute; TOP: -1800px"
src="http://upload.ouliu.net/i/201307261004384wxly.jpeg"><IMG id=pic5
style="LEFT: -1800px; POSITION: absolute; TOP: -1800px"
src="http://upload.ouliu.net/i/20130726100759zwf2j.jpeg"><IMG id=pic6
style="LEFT: -1800px; POSITION: absolute; TOP: -1800px"
src="http://upload.ouliu.net/i/201307261002020lcde.jpeg"><IMG id=pic7
style="LEFT: -1800px; POSITION: absolute; TOP: -1800px"
src="http://upload.ouliu.net/i/20130726100322jd4cx.jpeg"><IMG id=pic8
style="LEFT: -1800px; POSITION: absolute; TOP: -1800px"
src="http://upload.ouliu.net/i/201307261009063ugtw.jpeg"> <!-- border image --><IMG id=bkg
style="LEFT: -1800px; POSITION: absolute; TOP: -1800px"
src="http://upload.ouliu.net/i/201307261053154u3yh.jpeg">
<SCRIPT language=JavaScript>
var w, ow, oh, x, y, dx, dy, ds, count
w=document.body
// *** Enter the number of images here ***
numPics=12
// *** All images are the same size - Enter height and width here ***
pH=100
pW=200
// *** Enter the type of frame to use ***
// *** 1 = Heart ***
// *** 2 = Oval ***
// *** 3 = Rectangle ***
// *** 4 = RoundedRectangle ***
shapeType=2
// It all starts here
function strt() {

        if (shapeType==1) {
                data="<v:shapetype id='heart' coordsize='21600,21600' path='m10860,2187c10451,1746,9529,1018,9015,730,7865,152,6685,0,5415,0,4175,152,2995,575,1967,1305,1150,2187,575,3222,242,4220,0,5410,242,6560,575,7597l10860,21600,20995,7597c21480,6560,21600,5410,21480,4220,21115,3222,20420,2187,19632,1305,18575,575,17425,152,16275,0,15005,0,13735,152,12705,730,12176,1018xe'></v:shapetype>"
                data=data+"<v:shape id='pf' type='#heart' style='position:absolute; top:"+y+"; left:"+x+"; width: 90; height: 90; z-index: 20' strokecolor='#FFECEF' strokeweight='1pt' fillcolor=''>"
                data=data+"<v:stroke filltype='tile' src='"+bkg.src+"'/>"
                data=data+"<v:fill id=frm type='frame' src='"+pic1.src+"'></v:fill></v:shape>"
        }else{
                if (shapeType==2) {st="oval"}
                if (shapeType==3) {st="rect"}
                if (shapeType==4) {st="roundrect"}
                data="<v:"+st+" id='pf' style='position:absolute; top:-300; left:-300; width: 90; height: 90; z-index: 20' strokecolor='#FFECEF' strokeweight='3pt' fillcolor=''>"
                data=data+"<v:stroke filltype='tile' src='"+bkg.src+"'/>"
                data=data+"<v:fill id=frm type='frame' src='"+pic1.src+"'></v:fill></v:"+st+">"
        }
        w.insertAdjacentHTML("afterBegin", data)

        count=1
        setUp()
}

function setUp() {
        // Initialize stuff
        oh=2
        ow=2
        x=2
        y=2
        dx=4
        dy=2
        ds=2
        // Start the bounce
        doIt()
}

function flipIt() {
        count++
        if (count>numPics) {count=1}
        ss="pic"+count
        frm.src=document.all(ss).src
}

// Bounce routine
function doIt() {
        // Move the oval and check its position
        x=x+dx
        if (dx>0 && x>=w.clientWidth-ow) {
                dx=-dx
        }
        if (oh<w.clientHeight) {
                // Modify the oval dimensions
                oh=oh+ds
                ow=ow+ds
                y=y+dy
                if (dy>0 && y>=w.clientHeight-oh) {dy=-dy}
                if (dy<0 && y<0) {dy=-dy}
        }
        // Position the oval
        pf.style.height=oh
        pf.style.width=ow
        pf.style.top=y
        pf.style.left=x
        if (dx<0 && x<-w.clientWidth) {
                dx=-dx
                flipIt()
                setUp()
        }else{
                // Repeat
                setTimeout("doIt()",8)
        }
}
</SCRIPT>
<HTML xmlns:v>
<STYLE>v\:* {
  BEHAVIOR: url(#default#VML)
}
v\:textpath {
  FONT-SIZE:24px; FONT-FAMILY: 楷体_gb2312; v-text-align: left
}
</STYLE>
<XMP id=xLyric style="DISPLAY: none">
[00:00.04]            军中姐妹
[00:09.25]          张薇薇 张莉莉演唱
[00:13.00]
[00:19.34](白)一二三四
[00:23.32]向右看,
[00:26.19]一二,
[00:28.08]一二三四
[00:41.80]          (演奏)
[00:56.50]蓝天大道上彩云在追,
[01:00.59]年轻的我们歌声在飞
[01:04.40]陆海空天亮丽的星,
[01:08.38]共和国女兵军中姐妹.
[01:19.05]风雨中几多浪漫真情,
[01:22.34]一起品偿一起回味;
[01:26.18]刚强中几分温柔妖媚,
[01:29.90]一起欢笑一起流泪.
[01:34.63]行进在赞美的目光里,
[01:38.01]太阳和月亮为我们举杯.
[01:41.99]青春换来和平阳光,
[01:45.98]共和国女兵军中姐妹.
[02:05.34]蓝天大道上彩云在追,
[02:09.38]年轻的我们歌声在飞;
[02:13.39]陆海空天亮丽的星,
[02:17.36]共和国女兵军中姐妹.
[02:25.98]风雨中几多浪漫真情,
[02:31.20]一起品偿一起回味;
[02:35.14]刚强中几分温柔妖媚,
[02:39.08]一起欢笑一起流泪.
[02:43.42]行进在赞美的目光里,
[02:46.75]太阳和月亮为我们举杯.
[02:50.60]青春换来和平阳光,
[02:54.80]共和国女兵军中姐妹.
[02:59.24]蓝天大道上彩云在追,
[03:02.31]年轻的我们歌声在飞;
[03:06.29]陆海空天亮丽的星,
[03:10.19]共和国女兵军中姐妹.
[03:14.26]蓝天大道上彩云在追,
[03:17.97]年轻的我们歌声在飞;
[03:22.11]陆海空天亮丽的星,
[03:25.71]共和国女兵军中姐妹
[03:35.26]
</XMP>
<SCRIPT>
window.onerror=function(){return false}
start()
function start(){
browser_ini()
timer_ini()
emv_ini()
lrc.setData(oo("xLyric").innerHTML)
lrc.write("")
emv.play("http://lianzidi.com/COFFdD0xMzc0ODE4NDQ0Jmk9MTE2LjIyNC4yLjQ2JnU9U29uZ3MvdjEvZmFpbnRRQy81OS82NWYwMzU5M2ViY2EyMjliODYyZTI1YjYyODZiZTE1OS5tcDMmbT0yNTg4YTg1YTI5OWQwYWZjYTI5NWIwMDczZmMyYWUwMSZ2PWxpc3RlbiZuPb781tC948PDJnM9zOzKubXEs+Gw8tHds6omcD1z.mp3")
}function emv_ini(){
var l
window.emv={}
lrc_ini()
l="<div id=bxEmv style=position:absolute;left:-50;top:560;width:600;height:70>"
        l+="<div id=bxEmvScreen style=position:absolute;overflow:hidden;left:100;top:0;width:1000;height:70;>"
        l+="</div>"
l+="</div>"
l+="<object classid=clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95 id=mplayer width=250 height=560 style=display:none></object>"
insHtm(document.body,l)
emv.play=function(url){oo("mplayer").FileName=url;oo("mplayer").Play()}
emv.time=function(){
  var mPos
  var n1,o,len,w,per,n0,n1
  if(mplayer==null)
   return
  mPos=mplayer.CurrentPosition
  n=-1
  for(i=0;i<lrc.arr.length;i++){
   if(mPos<lrc.arr.slice(0,"|")*1)
    break
   n=i
  }
  if(n==-1)
   return
  if(lrc.i!=n){
   if(n==0)
    lrc.write(lrc.arr[n].slice("|"),"l")
   if(n!=lrc.i+1)
    lrc.write(lrc.arr[n].slice("|"),n%2==0?"l":"r")
   if(n<lrc.arr.length-1)
    lrc.write(lrc.arr[n+1].slice("|"),n%2==1?"l":"r")
   lrc.i=n
  }
  n0=lrc.arr[n].slice(0,"|")
  n1=lrc.arr.length>n+1?lrc.arr[n+1].slice(0,"|"):4
  o=oo("bxCaption_"+(n%2==0?"l":"r")+"_cover")
  len=o.time!=""?o.time*1:n1-n0
  per=(mPos-n0)/len
  for(i=0.001;i<1;i+=0.001){
   per1=lrc.getRealPos(o,i)
   if(per1>=per)
    break
  }
  o.style.width=o.width*i
}
timer.add("emv.time()")
}
function lrc_ini(){
window.lrc={}
lrc.wordPer=function(str,pos){
  return str.slice(0,pos).replace(/[^\x00-\xff]/g,"  ").length/str.replace(/[^\x00-\xff]/g,"  ").length
}
lrc.setData=function(str){
  var l,a,i,ad,n,j
  str=str.replace(/\|/g,"").replace(/\r\n/g,"\n")
  str=str.replace(/\[(\d\d)\:(\d\d)\.(\d\d)\]/g,function($0,$1,$2,$3){return ($1*60+$2*1+$3/100)+"|"})
  a=str.split("\n")
  lrc.arr=new Array()
  for(i=0;i<a.length;i++){
   ad=a.split("|")
   for(j=1;j<ad.length;j++){
    lrc.arr.add(ad[j-1]+"|"+ad[ad.length-1])
   }
  }
  lrc.i=-1
  sortIndex=0
  sortDir=1
  lrc.arr.sort(sortFoo)
}
lrc.getRealPos=function(obj,pos){
  var a=obj.path,zoom=obj.zoom,pos1=pos*zoom
  var a,i,ad
  for(i=0;i<a.length;i++){
   ad=a
   if(pos<=ad[0])
    continue
   if(pos>ad[0]&&pos<=ad[1])
    pos1+=(zoom*ad[2]-zoom)*(pos-ad[0])
   else
    pos1+=(zoom*ad[2]-zoom)*(ad[1]-ad[0])
   
  }
  return pos1
}
lrc.write=function(str,pos){
  var word=str,style=""
  var x,y,l,w,w1,o,a,i,ad
  if(/^\<.+\>/.test(str)){
   word=str.slice(">")
   style=str.slice(1).slice(0,">")
  }
  w=word.replace(/[^\x00-\xff]/g,"  ").length*13+2
  if(pos=="l"){
   x=60
                            y=19
  }
  else{
   x=950-w
   y=19
  }
l="<div id=bxCaption_"+pos+" style='position:absolute;left:"+x+";top:"+y+";width:"+w+";height:32;overflow:hidden'>"
  l+="<v:curve to=800,1 strokecolor=black strokeweight=3 style=position:absolute;top:14>"
  l+="<v:path textpathok=t /><v:textpath on=t string='"+word+"' /></v:curve>"
  l+="<v:curve to=800,1 strokecolor=#FFFF00 fillcolor=#FFFF00 strokeweight=1 style=position:absolute;top:14>"
  l+="<v:path textpathok=t /><v:textpath on=t string='"+word+"' /></v:curve>"
  l+="</div>"
  l+="<div id=bxCaption_"+pos+"_cover width="+w+" style=position:absolute;left:"+x+";top:"+y+";width:0;height:32;overflow:hidden>"
  l+="<v:curve to=800,1 strokecolor=white strokeweight=3 style=position:absolute;top:14>"
  l+="<v:path textpathok=t /><v:textpath on=t string='"+word+"' /></v:curve>"
  l+="<v:curve to=800,1 strokecolor=#FF3300 fillcolor=#FF3300 strokeweight=1 style=position:absolute;top:14>"
  l+="<v:path textpathok=t /><v:textpath on=t string='"+word+"' /></v:curve>"
  l+="</div>"
  odel("bxCaption_"+pos)
  odel("bxCaption_"+pos+"_cover")
  insHtm("bxEmvScreen",l)
  o=oo("bxCaption_"+pos+"_cover")
  o.time=style.get("time")
  o.path=new Array()
  len1=1
  a=style.split(";")
  for(i=0;i<a.length;i++){
   if(!/(\d+):(\d+)/.test(a))
    continue
   if(/(\d+)-(\d+):(\d+)/.test(a)){
    ad=/(\d+)-(\d+):(\d+)/.exec(a)
    ad[0]=lrc.wordPer(word,ad[1]-1)
    ad[1]=lrc.wordPer(word,ad[2]*1)
    ad[2]=ad[3]
   }
   else{
    ad=/(\d+):(.+)/.exec(a)
    ad[0]=lrc.wordPer(word,ad[1]-1)
    ad[1]=lrc.wordPer(word,ad[1]*1)
   }
   len1+=(ad[1]-ad[0])*(ad[2]-1)
   o.path.add(ad)
  }
  o.zoom=1/len1
}
}
function browser_ini(){
window.isIE=navigator.userAgent.indexOf("IE")>0
window.isIE5=navigator.userAgent.indexOf("IE 5.0")>0
String.prototype.trim=function(){return this.replace(/(^[\s]*)|([\s]*$)/g,"")}
String.prototype.inc=function(s1,s2){if(s2==null){s2=","};return (s2+this+s2).indexOf(s2+s1+s2)>-1?true:false}
String.prototype._slice="".slice
String.prototype.slice=function(n1,n2){var v,b1=typeof(n1)=="number",b2=typeof(n2)=="number";if(!b1||typeof(n2)=="string"){v=eval("this._slice("+(b1?n1:this.indexOf(n1)+(n2==null?1:0)+(this.indexOf(n1)==-1?this.length:0))+(n2==null?"":(b2?n2:(this.indexOf(n2)==-1?"":","+this.indexOf(n2))))+")")}else{v=isIE5&&n1<0&&n2==null?this._slice(this.length-1):eval("this._slice(n1"+(n2==null?"":","+n2)+")")}return v}
String.prototype.get=function(str,def){if(this.inc(str,";"))return 1;var a=this.match(new RegExp("(^|;)"+str+":[^;]*"));return a==null||str==""?(def==null?"":def):a[0].replace(";","").slice(str.length+1)}
Array.prototype.add=function(key){this[this.length]=key}
window.oo=function(obj){return typeof(obj)=="string"?document.getElementById(obj):obj}
window.insHtm=function(op,html,inEnd){op=oo(op);if(isIE){op.insertAdjacentHTML(inEnd==null?"beforeend":"afterbegin",html)}else{var r=op.ownerDocument.createRange();r.setStartBefore(op);eval("op."+(inEnd==null?"appendChild":"insertBefore")+"(r.createContextualFragment(html),op.firstChild)");}}
window.odel=function(obj){if(oo(obj)!=null){oo(obj).parentNode.removeChild(oo(obj))}}
if(!isIE){
     HTMLElement.prototype.contains=function(node){if(!node)return false;do if(node==this){return true}while(node=node.parentNode){return false}}
  Event.prototype.__defineGetter__("srcElement",function(){var node=this.target;while(node.nodeType!=1){node=node.parentNode}return node})
  Event.prototype.__defineGetter__("toElement",function(){return this.relatedTarget})
}
}
function timer_ini(){
window.timer={}
timer.handle=null
timer.queue=""
timer.i=0
timer.add=function(key){if(!timer.queue.inc(key,";")){timer.queue+=key+";"}}
timer.del=function(key){timer.queue=move.queue.replace(key+";","")}
timer.inv=function(){
  window.clearTimeout(timer.handle)
  eval(timer.queue)
  timer.i++
  timer.handle=window.setTimeout("timer.inv()",10)
}
timer.inv()
}
function sortFoo(v1,v2){
    var s1=v1.split("|")[sortIndex],s2=v2.split("|")[sortIndex]
    if(!isNaN(s1)&&!isNaN(s2)){
  s1*=1
  s2*=1   }
return (s1==s2?0:(s1>s2?1:-1))*sortDir
}
</script>

<FONT  style="POSITION: absolute; WIDTH: 400px; TOP: 610px; LEFT:840px"  style="FILTER: shadow(color=#DA70D6); LINE-HEIGHT: 150%; WIDTH: 100%; FONT-FAMILY: DFYaSongW9-GB; COLOR: white; FONT-SIZE: 11pt"><B>周春祥音画/素材/网络
<BR>
</B></FONT>
发表于 2013-7-27 13:24 | 显示全部楼层
周春祥 发表于 2013-7-27 13:15
高温只能在家,这二天孙女在杨浦上补习英语课,今晚回山阳。孙女一回来,音画就制作不成了。

阿弟:我家这二天也蛮热蛮额,孙女和外孙女都在,星期二孙女回青浦,伊是学校大队部额,事体多。小囡大了,有伊额活动圈子。请您!多保重!
 楼主| 发表于 2013-7-27 13:39 | 显示全部楼层
本帖最后由 周春祥 于 2013-7-27 13:42 编辑
散步的夕阳花 发表于 2013-7-27 10:55
周版主,我太喜欢这音画了,可是这特出的代码是什么?怎么使用?可以传授一下吗?先谢谢啦。


换好图片、歌曲后,把代码粘贴到记事本内,将记事本起个文件名后保存在电脑:我的文档内保存,然后将有文件名的记事本上传txt免费空间后得txzt地址,放入有颜色的位置。
DIV style="POSITION: relative; WIDTH: 1024px; TOP: 0px; LEFT: -50px" twffan="done"><IFRAME height=580 marginHeight=0 src="粘贴更换txt地址" frameBorder=0 width=1024 marginWidth=0 scrolling=no></IFRAME></DIV><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>里面就可以发帖发表了。
发表于 2013-7-27 13:59 | 显示全部楼层
老师做得真好!
 楼主| 发表于 2013-7-27 14:05 | 显示全部楼层
华华华 发表于 2013-7-27 13:59
老师做得真好!

谢谢大姐惠帖赏评!
        
下一页 发布主题 快速回复

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

GMT+8, 2024-11-18 10:35

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

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