注册时间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> |
|