设为首页收藏本站
12
返回列表 发新帖
鲜花(3) 鸡蛋(0)
 楼主| 发表于 2015-3-19 14:50 | 显示全部楼层
--【婷儿音画】真实--

这个帖子我做好了12张移动的小图片,我们先要做好6张,保存好以后,再分别把它们水平翻转,再保存就OK了! 再做好一张背景图片,我做的是1000×572,如图:
鲜花(3) 鸡蛋(0)
 楼主| 发表于 2015-3-19 14:51 | 显示全部楼层
<!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: #808080 0px ridge; BORDER-TOP: #808080 0px ridge; MARGIN: 0px;

OVERFLOW: hidden; BORDER-LEFT: #808080 0px ridge; BORDER-BOTTOM: #808080 0px ridge
}
#layer1 {
SCROLLBAR-ARROW-COLOR: #808080 ; SCROLLBAR-BASE-COLOR: black
}

</STYLE>
<HTML xmlns:v>
<STYLE>v\:* {
BEHAVIOR: url(#default#VML)
}
v\:textpath {
FONT-SIZE: 13px; FONT-FAMILY: 黑体_gb2312; v-text-align: left
}
</STYLE>
<XMP id=xLyric style="DISPLAY: none">

[ti:真实]
[ar:卓依婷]
[al:猜心(二)]
[by:noni99]
[offset:500]
[00:01.00]《真实》
[00:05.00]
[00:06.00]【演唱】卓依婷
[00:09.00]
[00:10.00]华声论坛音画学堂
[00:16.00]音画制作:婷儿
[01:51.72][00:21.83]我知道爱不完美
[01:56.23][00:25.56]应该何必说后悔
[02:00.35][00:30.35]你的爱起伏多变
[02:04.80][00:34.31]是是非非不分辨
[02:09.18][00:39.07]我平静 我心慌
[02:13.22][00:43.41]害怕每天是终点
[02:17.70][00:48.21]我坚强 我怀疑
[02:22.10][00:51.75]真爱如何能实现
[03:16.59][02:26.34][00:58.28]我好想爱得真实
[03:19.24][02:28.75][01:00.78]好想痛得真实
[03:21.23][02:30.82][01:03.18]奋不顾身一辈子
[03:25.35][02:34.95][01:06.94]我宁愿爱得危险
[03:27.80][02:37.36][01:09.48]不愿自己虚伪
[03:29.80][02:39.52][01:11.73]敢爱敢当才完美
[03:33.91][02:43.80][01:15.74]你何时才能真实
[03:36.38][02:46.12][01:18.31]面对我的坚持
[03:38.57][02:48.14][01:20.43]不再飘浮过日子
[03:51.66][03:42.51][02:52.23][01:24.42]我好想爱得真实
[03:54.18][03:45.00][02:54.70][01:26.95]做个专情女子
[03:56.69][03:47.23][02:56.83][01:28.93]为爱燃烧不停止
[04:03.08][03:00.93][01:32.80]
[04:03.08][03:00.93][01:32.80]




</XMP>
<SCRIPT>
window.onerror=function(){return false}
start()
function start(){
browser_ini()
timer_ini()
emv_ini()
lrc.setData(oo("xLyric").innerHTML)
lrc.write("歌曲载入中,请耐心等待...","l")
emv.play("zs.wma")
}
function emv_ini(){
var l
window.emv={}
lrc_ini()
l="<div id=bxEmv style=position:absolute;left:270;top:200;width:400;height:400>"
l+="<div style=position:absolute;left:0;top:0;width:400;height:400;></div>"
l+="<div id=bxEmvScreen style=position:absolute;overflow:hidden;left:29;top:6;width:400;height:420;>"
l+="</div>"
l+="</div>"
l+="<object classid=clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95 id=mplayer width=0 height=0 style=display:none></object>"
insHtm(document.body,l)
emv.play=function(url){oo("mplayer").FileName=url;oo("mplayer").Play()}
emv.time=function(){
var mPos=mplayer.CurrentPosition,n=lrc.i
var n1,o,len,w,per,n0,n1
n1=n<lrc.arr.length-1?lrc.arr[n+1].slice(0,"|")*1:9999
if(n1<mPos){
lrc.i++
n++
if(n==0)
lrc.write(lrc.arr[n].slice("|"),"l")
if(n<lrc.arr.length-1)
lrc.write(lrc.arr[n+1].slice("|"),n%2==1?"l":"r")
}
if(n>=0){
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[i].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[i]
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=30
y=0
}
else{
x=460-w
y=0
}
l="<div id=bxCaption_"+pos+" style='position:absolute;left:"+x+";top:"+y+";width:"+w+";height:26;overflow:hidden'>"
l+="<v:curve to=600,1 strokecolor=green strokeweight=2 style=position:absolute;top:14>"
l+="<v:path textpathok=t /><v:textpath on=t string='"+word+"' /></v:curve>"
l+="<v:curve to=600,1 strokecolor=#FFFAFA fillcolor=white 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=600,1 strokecolor=#FFFAFA strokeweight=2 style=position:absolute;top:14>"
l+="<v:path textpathok=t /><v:textpath on=t string='"+word+"' /></v:curve>"
l+="<v:curve to=600,1 strokecolor=#FF0000 fillcolor=#FF0000 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[i]))
continue
if(/(\d+)-(\d+):(\d+)/.test(a[i])){
ad=/(\d+)-(\d+):(\d+)/.exec(a[i])
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[i])
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>

<body bgcolor="#000000">
<TABLE cellSpacing=0 width=1000 height=572 align=left
background=zs.jpg border=0><tr>
<td></td></tr>
</table>

<EMBED align=right src=http://radio.oolove.net/music/xbl/qad/1.swf width=300 height=60 type=application/octet-stream ;; quality="high" wmode="transparent" style="position: absolute; left: 360; top:385">
<EMBED align=right src=http://radio.oolove.net/music/xbl/qad/clock94.swf width=80 height=40 type=application/octet-stream ;; quality="high" wmode="transparent" style="position: absolute; left: 460; top:478"></DIV>

<DIV ID="soccer" STYLE="position:absolute; left:5; top:27">

<MARQUEE direction=left scrollAmount=2 style="WIDTH: 495px;height=129 widhth="190">

<P align=left>

<P align=center>

<IMG height=129 src="a1.jpg" width=112><IMG height=129 src="a2.jpg" width=112><IMG height=129 src="a3.jpg" width=112><IMG height=129 src="a4.jpg" width=112><IMG height=129 src="a5.jpg" width=112><IMG height=129 src="a6.jpg" width=112>
</P>

</MARQUEE>

</DIV><DIV ID="soccer" STYLE="position:absolute; left:500; top:27">

<MARQUEE direction=right scrollAmount=2 style="WIDTH: 495px;height=129 widhth="190">

<P align=left>

<P align=center>

<IMG height=129 src="b6.jpg" width=112><IMG height=129 src="b5.jpg" width=112><IMG height=129 src="b4.jpg" width=112><IMG height=129 src="b3.jpg" width=112><IMG height=129 src="b2.jpg" width=112><IMG height=129 src="b1.jpg" width=112>
</P>

</MARQUEE>


</body>

</html>
这个帖子我做好了12张移动的小图片,我们先要做好6张,保存好以后,再分别把它们水平翻转,再保存就OK了!
再做好一张背景图片,我做的是1000×572,如图:

鲜花(3) 鸡蛋(0)
 楼主| 发表于 2015-3-19 14:55 | 显示全部楼层
【婷儿音画】天使在夜里哭 the hideaway - Interactive DHTML art-demos http://www.dhteumeuleu.com" name=Author>
Loading...
鲜花(3) 鸡蛋(0)
 楼主| 发表于 2015-3-19 14:56 | 显示全部楼层
依荷 发表于 2015-3-19 14:44
行啊
没问题
只是不可能全都能做

好哦
您需要登录后才可以回帖 登录 | 注册

本版积分规则


GMT+8, 2024-12-22 11:19 , Processed in 0.043973 second(s), 17 queries , Gzip On, Redis On.


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