音画初级
威望
金币
回帖0
主题
阅读权限10
注册时间2008-12-8
|
<P>HTML+TIME特效应该说很好看，但怎看都没小日本的有味道、（俺不喜欢日本人）。以前听风说过他在研究日本特效，俺就在网上搜索看看。还真看点门道。^_^</P>
<P>先看一下这个音画帖：</P>
<P> </P>
<P><A href="http://www.geocities.jp/syurayuki_s/hinagata/milk/milk-012/milk-012.html">http://www.geocities.jp/syurayuki_s/hinagata/milk/milk-012/milk-012.html</A></P>
<P> </P>
<P> </P>
<P>它的代码是：</P>
<P> </P>
<P><FONT color=red><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><BR><HTML><BR><HEAD><BR><TITLE>syurayuki</TITLE><BR><META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"><BR><META http-equiv=Content-Style-Type content=text/css><BR><META http-equiv="imagetoolbar" content="no"><BR></FONT><STYLE type=text/css><BR><!--<BR>body {<BR> background-color: #000000;<BR> background-image:URL(see-taa2.gif);<BR> background-repeat:repeat;<BR> background-attachment:fixed;<BR> background-position: left top;<BR> border-width: 0;<BR> border-color: #e7dbe2;<BR> border-style: solid;<BR> margin: 0; <BR> overflow: hidden;<BR>}<BR>#layer {<BR> position: absolute;<BR> left: 0; top: 0;<BR> width: 100%; height: 100%;<BR> z-index: 0;<BR> text-align: center;<BR>}<BR>.table1 {<BR> position: relative;<BR> left: 0; top: 30;<BR> width: 85%; height: 88%; <BR> background-color: #000000; <BR> text-align: center;<BR>}<BR>.table2 {<BR> width: 100%; height: 100%;<BR> background-color: #000000; <BR> background-image: url(pearl_2.jpg);<BR> background-repeat: no-repeat;<BR> background-position: left bottom;<BR> text-align: center;<BR>}<BR>.ksen{<BR> border-width: 0 0 1 0;<BR> border-color: #171717;<BR> border-style: solid;<BR> line-height: 20px;<BR> margin-right: 10px; <BR>}<BR>.m-box {<BR> color: #ADADAD; <BR> font-size: 10pt; <BR> font-family: MS UI Gothic; <BR> width: 100%; height: 300px;<BR> margin:50 30 30 300;<BR> overflow-y: auto; <BR> text-align: center; <BR> scrollbar-face-color: #000000;<BR> scrollbar-highlight-color: #000000; <BR> scrollbar-shadow-color: #000000;<BR> scrollbar-base-color: #000000;<BR> srollbar-track-color: #000000;<BR> scrollbar-3dlight-color: #000000; <BR> scrollbar-darkshadow-color:#000000;<BR> scrollbar-arrow-color: #3D3D3D;<BR>}<BR>.l-box {<BR> color: #505050; <BR> font-size: 9pt; <BR> padding:0 0 5 220;<BR> font-family: MS UI Gothic; <BR> text-align: center; <BR>}<BR>A:link{color:#505050; text-decoration:none;<BR>} <BR>A:visited{color:#505050; text-decoration:none;<BR>} <BR>A:active{color:#505050; position:relative; left:1px; top:1px;<BR>} <BR>A:hover{color:#505050; position:relative; left:1px; top:1px;<BR>} <BR>--><BR></STYLE><BR><SCRIPT LANGUAGE="JavaScript"><BR><!-- <BR>var xxx=3;//嶶傜偽傝偺峀偝<BR>n=20;<BR>var doc_width ;<BR>var doc_height ;<BR>var doc_width = 430;//悂偒弌偟埵抲(墶曽岦乯<BR>var doc_height= 420;//悂偒弌偟埵抲(廲曽岦乯<BR>var xp0=doc_width; <BR>var yp0= doc_height; <BR>xp=new Array();<BR>yp=new Array();<BR>i=new Array();<BR>l=new Array();<BR>dx=new Array();<BR>stx=new Array();<BR>am=new Array();<BR>dot=new Array();<BR>mycl=new Array();<BR>ae=new Array();<BR>var myc1;<BR>var myc2;<BR>var myc3;<BR>var mycol1;<BR>var mycol2;<BR>var mycol3;<BR>var mycol4;<BR>var mycol5;<BR>for (m=1;m<(n+1);m++){<BR>ae[m]=1;<BR>xp[m] = 0.9*screen.width*Math.random(); <BR>yp[m] = 0.9*screen.height*Math.random();<BR>i[m]=xxx*Math.random()+10;<BR>l[m]=xxx*Math.random()+10;<BR>dx[m]=0;<BR>stx[m] = 0.05 + Math.random()/10;<BR>am[m] = Math.random()*40; <BR>myc1=Math.round(255*Math.random());<BR>myc2=Math.round(255*Math.random());<BR>myc3=Math.round(255*Math.random());<BR>mycol1=myc1.toString(16);<BR>mycol2=myc2.toString(16);<BR>mycol3=myc3.toString(16);<BR>mycol4=mycol1+mycol2+mycol3;<BR>mycol5=eval("mycol4");<BR>mycl[m] =mycol5; <BR>}</P>
<P>timeID=0;<BR>function STAR_WARS() {<BR>for (m=1;m<(n+1);m++){<BR>if(ae[m]==1){<BR>document.all["dot"+m].style.display="none";<BR>}else {document.all["dot"+m].style.display="block";}<BR>dx[m] += stx[m];<BR>document.all["dot"+m].style.pixelTop = yp[m];<BR>document.all["dot"+m].style.pixelLeft = xp[m]- am[m]*Math.sin(dx[m]);<BR>xp[m]=xp[m]-i[m];<BR>yp[m]=yp[m]-l[m];<BR>if(l[m]>3){l[m]=l[m]-0.2;}<BR>else{l[m]=l[m];}<BR>if(i[m]>1){i[m]=i[m]-0.4;}<BR>else{i[m]=i[m];}<BR>if ((xp[m]<=10)||(yp[m]<=10)){<BR>xp[m] = doc_width-xxx*Math.random()-8; <BR>yp[m] = doc_height-xxx*Math.random()-6;<BR>i[m]=-xp[m]+xp0;<BR>l[m]=-yp[m]+yp0;<BR>ae[m]=2;<BR>}<BR>else if (yp[m]>screen.height*7/10){<BR>xp[m] = doc_width-xxx*Math.random()-8; <BR>yp[m] = doc_height-xxx*Math.random()-6;<BR>i[m]=-xp[m]+xp0;<BR>l[m]=-yp[m]+yp0;<BR>ae[m]=2;<BR>}</P>
<P>}</P>
<P>timeID=setTimeout("STAR_WARS()",150);<BR>}</P>
<P>//--><BR></SCRIPT><BR></HEAD><BR><BODY onLoad="STAR_WARS()"><BR><BGsound src="tam-g03.mid" loop="infinite"><BR><DIV style="DISPLAY: none; POSITION: absolute; LEFT: 0px; TOP: -500px"><IMG src="<FONT color=red>pearl_2.jpg</FONT>"></DIV><BR><SCRIPT langage="javascript"><BR> var img_0=document.images[0].src;<BR> document.write('<style>.imgbg{background-image:url('+img_0+');background-repeat:no-repeat;background-position:left bottom}</style>');<BR></SCRIPT><BR><!-- Begin Table --><BR><DIV id="layer"><BR><TABLE class=table1 cellspacing=0 cellpadding=8 bordercolordark=#67643F bordercolorlight=#b5a963 border=1> <BR><TBODY><BR><TR><BR><TD><BR><TABLE class="imgbg table2" cellSpacing=0 cellPadding=0 style="border:1px solid #67643F;" ><BR><TBODY><BR><TR><BR><TD></P>
<P><FONT color=red><SPAN class="m-box"><BR><DIV class="ksen">仚丂<BR></DIV><DIV class="ksen">丂<BR></DIV><DIV class="ksen">丂<BR></DIV><DIV class="ksen">暥復偺忋偁偨傝偱倂僋儕僢僋偟偰丂<BR></DIV><DIV class="ksen">儘乕僾傪弌偟偰偐傜擖椡嶌嬈傪偟偰偔偩偝偄丅丂<BR></DIV><DIV class="ksen">挿暥偵側傞偲僗僋儘乕儖僶乕偑弌傑偡丅丂<BR></DIV><DIV class="ksen">嵟屻偵晄昁梫側暥復偲仚傪徚偟偰偔偩偝偄丅丂<BR></DIV><DIV class="ksen">丂<BR></DIV><DIV class="ksen">2006.01.21丂嶌惉丂<BR></DIV><DIV class="ksen">丂<BR></DIV><DIV class="ksen">丂<BR></DIV><DIV class="ksen">仚丂<BR></DIV><DIV class="ksen">丂<BR></DIV><DIV class="ksen">丂<BR></DIV><DIV class="ksen">丂<BR></DIV><DIV class="ksen">丂<BR></DIV><DIV class="ksen">丂<BR></DIV><DIV class="ksen">丂<BR></DIV><BR></SPAN</FONT>></TD><BR></TR><BR><TR><BR><TD></P>
<P><FONT color=red><P class="l-box"><BR>Material by <A HREF="</FONT><A href="http://m-cat.net/"><FONT color=red>http://m-cat.net/</FONT></A><FONT color=red>" TARGET="_blank"> Milk Cat</A><BR> / Midi by <A HREF="</FONT><A href="http://www.tam-music.com/index.html"><FONT color=red>http://www.tam-music.com/index.html</FONT></A><FONT color=red>" TARGET="_blank"> TAM Music Factory</A><BR><BR>Java Script by <A HREF="</FONT><A href="http://www.geocities.jp/ijichi88226/"><FONT color=red>http://www.geocities.jp/ijichi88226/</FONT></A><FONT color=red>" TARGET="_blank"> Original JavaScript</A><BR> / Arrangement by <A HREF="</FONT><A href="http://www.geocities.jp/syurayuki_s/"><FONT color=red>http://www.geocities.jp/syurayuki_s/</FONT></A><FONT color=red>" TARGET="_blank"> Syurayuki</A></P><BR></FONT></TD><BR></TR><BR></TBODY></TABLE><BR></TD></TR><BR></TBODY></TABLE><BR></DIV><BR><!-- End Table --><BR><div style="position:absolute; left:0%; top:30; width:30%; height:80%;"><BR><div id="dot1" style="POSITION: absolute;display:none; TOP: 15px; LEFT: 15px;" ><FONT color=#FFFFFF size=1 >.</FONT></div><BR><div id="dot2" style="POSITION: absolute;display:none; TOP: 30px; LEFT: 15px;" ><FONT color=#FFFFFF size=1 >.</FONT></div><BR><div id="dot3" style="POSITION: absolute;display:none; TOP: 45px; LEFT: 15px;" ><FONT color=#FFFFFF size=1 >.</FONT></div><BR><div id="dot4" style="POSITION: absolute;display:none; TOP: 60px; LEFT: 15px;" ><FONT color=#FFFFFF size=1 >.</FONT></div><BR><div id="dot5" style="POSITION: absolute;display:none; TOP: 75px; LEFT: 15px;" ><FONT color=#FFFFFF size=1 >.</FONT></div><BR><div id="dot6" style="POSITION: absolute;display:none; TOP: 90px; LEFT: 15px;" ><FONT color=#FFFFFF size=1 >.</FONT></div><BR><div id="dot7" style="POSITION: absolute;display:none; TOP: 105px; LEFT: 15px;" ><FONT color=#FFFFFF size=1 >.</FONT></div><BR><div id="dot8" style="POSITION: absolute;display:none; TOP: 120px; LEFT: 15px;" ><FONT color=#FFFFFF size=1 >.</FONT></div><BR><div id="dot9" style="POSITION: absolute;display:none; TOP: 135px; LEFT: 15px;" ><FONT color=#FFFFFF size=1 >.</FONT></div><BR><div id="dot10" style="POSITION: absolute;display:none; TOP:150px; LEFT: 15px;" ><FONT color=#FFFFFF size=1 >.</FONT></div><BR><div id="dot11" style="POSITION: absolute;display:none; TOP: 165px; LEFT: 15px;" ><FONT color=#FFFFFF size=1 >.</FONT></div><BR><div id="dot12" style="POSITION: absolute;display:none; TOP: 180px; LEFT: 15px;" ><FONT color=#FFFFFF size=1 >.</FONT></div><BR><div id="dot13" style="POSITION: absolute;display:none; TOP: 195px; LEFT: 15px;" ><FONT color=#FFFFFF size=1 >.</FONT></div><BR><div id="dot14" style="POSITION: absolute;display:none; TOP: 210px; LEFT: 15px;" ><FONT color=#FFFFFF size=1 >.</FONT></div><BR><div id="dot15" style="POSITION: absolute;display:none; TOP: 225px; LEFT: 15px;" ><FONT color=#FFFFFF size=1 >.</FONT></div><BR><div id="dot16" style="POSITION: absolute;display:none; TOP: 240px; LEFT: 15px;" ><FONT color=#FFFFFF size=1 >.</FONT></div><BR><div id="dot17" style="POSITION: absolute;display:none; TOP: 255px; LEFT: 15px;" ><FONT color=#FFFFFF size=1 >.</FONT></div><BR><div id="dot18" style="POSITION: absolute;display:none; TOP: 270px; LEFT: 15px;" ><FONT color=#FFFFFF size=1 >.</FONT></div><BR><div id="dot19" style="POSITION: absolute;display:none; TOP: 285px; LEFT: 15px;" ><FONT color=#FFFFFF size=1 >.</FONT></div><BR><div id="dot20" style="POSITION: absolute;display:none; TOP: 300px; LEFT: 15px;" ><FONT color=#FFFFFF size=1 >.</FONT></div><BR><div><BR></BODY><BR></HTML><BR><FONT color=red><!-- text below generated by server. PLEASE REMOVE --></object></layer></div></span></style></noscript></table></script></applet><BR><link href="</FONT><A href="http://bc.geocities.yahoo.co.jp/js/no.css"><FONT color=red>http://bc.geocities.yahoo.co.jp/js/no.css</FONT></A><FONT color=red>" rel="stylesheet" type="text/css"><script language="JavaScript">var jps=382116061;var jpt=1216907183</script><script language="JavaScript" src="</FONT><A href='http://bc.geocities.yahoo.co.jp/js/no.js"></script><script'><FONT color=red>http://bc.geocities.yahoo.co.jp/js/no.js"></script><script</FONT></A><FONT color=red> language="JavaScript" src="</FONT><A href='http://bc.geocities.yahoo.co.jp/js/geov2.js"></script><script'><FONT color=red>http://bc.geocities.yahoo.co.jp/js/geov2.js"></script><script</FONT></A><FONT color=red> language="javascript">geovisit();</script><noscript><img src="</FONT><A href="http://visit.geocities.jp/visit.gif?jp1216907183"><FONT color=red>http://visit.geocities.jp/visit.gif?jp1216907183</FONT></A><FONT color=red>" alt="setstats" border="0" width="1" height="1"></noscript><IMG SRC="</FONT><A href="http://bc.geocities.yahoo.co.jp/serv?s=382116061&t=1216907183"><FONT color=red>http://bc.geocities.yahoo.co.jp/serv?s=382116061&t=1216907183</FONT></A><FONT color=red>" ALT=1 WIDTH=1 HEIGHT=1></FONT></P> |
|
狗仔卡
发表于 2008-12-10 16:39
沉默卡
喧嚣卡
变色卡
抢沙发
发表于 2008-12-11 07:20
