注册时间2012-3-30
在线时间 小时
- 最后登录
 - 1970-1-1
 
 
 
 
 
 
 | 
 
 
 楼主 |
发表于 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ñ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> |   
 
 
 
 |