网页特效梦工厂2005(梦工厂原画)
网页特效代码
在HTML文件中添加网页特效代码，一般有三种情况。
第一，只加在HTML文件头部，即HTML文件中head……/head之间的代码。这类代码只需要加在这个部分，即可达到预期的效果。
第二，只加在HTML文件体部。即HTML文件中body……/body之间的代码。这类代码只需要加在这个部分，即可达到预期的效果。如在你题目中提到的就属于这一类。
除上述情况外，多数代码需要先在头部（head……/head之间）在上一些属性性质的代码，但是特效的主代码需要添加在体部（body……/body之间），否则，特效不能正常显示，有时还会出现错误，影响整个页面的正常显示。
添加特效代码的方法：
先要用HTML编辑软件，如常见的文本编辑器“记事本”，打开需要编辑的文件，根据特效代码的要求，在文件中找到相应位置，复制，粘贴特效代码，保存即可。修改完毕后，即可在浏览器中看到相应的效果。
在添加的时候一定要注意，一定要按照特效源码的要求添加，此外，还要保证源码的完整性，一个标点符号都不能少，也不能多。
另外要说的是，根据我的经验，直接从网上复制来的代码，不一定都能直接粘贴了用，一部分必须通过一个软件来中转。比如，先把网上的代码复制后，粘贴到“记事本”中，然后再复制、粘贴到相应的文件位置上。
最后，介绍你几个经典网页特效站。
1、网页特效集锦：
2、javascript网页特效：
3、万旭网页特效：
4、网页特效梦工厂：
5、网页制作大宝库网页特效大全：
如何在网页背景添加动态图案
背景放一个GIF的动画图案就可以了。
background=xxx.gif
或者是找一段飘雪花的JS代码。
代码自己找吧。
相信《网页特效梦工厂 XP v2.3》可以帮助你！
你在做网页嘛,如果是的话,这是你不可多得的超Cool工具。这是可以自动生成网页特效的软件，每个特效都可以有您进行参数设置,100%傻瓜性。收集了包括时间特效，文字特效，图像处理，鼠标特效，页面特效，菜单特效，在线游戏，其它特效在内的八类上百个精彩特效。这些特效都是使用率比较高的JavaScript代码，您可以直接使用。软件内置浏览器，您可以随时预览特效效果；特效制作好之后，您可以把它复制到剪贴板，或者保存到文件中；软件的界面美观新颖，操作简单明了，极易上手。轻轻点几下鼠标,又炫又酷的网页任你选!
下载地址：
下面的是一个网页制作特效的站点。有很多的东西。看看吧
谁能告诉我一些有用的网页特效代码啊？
!--STATUS OK--
!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
head
meta http-equiv="Content-Type" content="text/html; charset=gb2312"
link rel="alternate" type="application/rss+xml" title="“谁能告诉我一些有用的网页特效代码啊？”的最新回答（RSS 2.0）" href=";qid=2601349pn=65535rn=25tn=rssqb"
title谁能告诉我一些有用的网页特效代码啊？_百度知道 /title
style type="text/css"
!--
a.f12og:link{color:#ff6600}
a.f12og:visited{color:#ff6600}
--
/style
link href="/iknow.css" rel="stylesheet" type="text/css"
script language="JavaScript" type="text/JavaScript"
function ask(fn)
{document.fask.word.value=fn.word.value;
fask.submit();
}
/script
/head
body class="bgbdy" topmargin="0"
center
table width="770" border=0 align="center"
tbody
tr
td width="150" valign=topa href="/"img src="" border="0"/a/td
td height="55" style="table-layout: fixed; word-break: break-all"table cellspacing=0 cellpadding=0 border=0
tr
td nowrap class="tab"a href="" class="headTit"新闻/a???a href="" class="headTit"网页/a???a class="headTit" href=""贴吧/a???font class="headTitB"知道/font???a class="headTit" href=""MP3/a???a class="headTit" href=""图片/a/td
/tr
/table
table border="0" cellspacing="0" cellpadding="0"
tr
form action="/q" name="ftop" method="get"
td nowrap
input class=formfont maxlength=256 tabindex=1 size=42 name=word
/td
td width="30" valign="bottom" nowrapdiv align="right"span style="padding-bottom:15px; "a href=""帮助/a/span/div/td
/tr
/table
table cellspacing=0 cellpadding=0 border=0
tr valign="bottom"
td height="28" nowrap input type="submit" tabindex=2 value="搜索答案" class="bnsrh"
/td
td width="86" nowrap div align="right"
input type="hidden" name="ct" value="17"
input type="hidden" name="pn" value="0"
input type="hidden" name="tn" value="ikaslist"
input type="hidden" name="rn" value="10"
input type="button" onclick="ask(ftop);" tabindex=3 value="我要提问" class="bnsrh"
/div/td /form
/tr
/table
form name="fask" action="/q" method="get" input type="hidden" name="ct" value="17"input type="hidden" name="pn" value="0"input type="hidden" name="tn" value="ikask"input type="hidden" name="rn" value="10"input type="hidden" name="word" value="" input type="hidden" name="cm" value="1"input type="hidden" name="lm" value="394496"/form
/td/tr
/table
script
var url = escape(location.href);
function ctlSubmit(event) {
if (event.ctrlKey event.keyCode == 13) { fdf.submit() }
}
function checkco(f,des)
{ if(f.co.value=="") {alert("请输入您的"+des); return false;}}
function limitpl(f,des)
{ if(f.co.value=="") {alert("请输入您的"+des); return false;} return limitChars(f.co,des,200);}
function checkcoAndsn(f,des)
{ if(f.co.value=="") {alert("请输入您的"+des); return false;} return limitChars(f.sn,"参考资料",60);
关于特效
文 字 特 效
自动变色的文字
p onmousemove="hello()"欢迎访问 网页特效梦工场 天天工作室友情奉献/p
pscript language="VBScript"
sub hello
document.fgColor=int(256*256*256*rnd)
end sub
/script/p
超酷的文字特效[特别推荐][共2步]
====1、将以下代码加入HEML的head/head之间：
script
!--//
var x,y
var timer
var i_fontsize=0
var step=0
var thisx,thisy
function handlerMM(e){
x = (document.layers) ? e.pageX : event.clientX
y = (document.layers) ? e.pageY : event.clientY
}
function ringup() {
if (document.all) {
thisx = x
thisy = y
ringup2()
}
}
function ringup2() {
if (i_fontsize=1000) {
document.all.ring.style.fontSize=i_fontsize
document.all.ring.style.color="rgb(255,"+Math.floor(i_fontsize/6)+","+Math.floor(i_fontsize/6)+")"
document.all.ring.style.posLeft=thisx-(Math.floor(i_fontsize/3))
document.all.ring.style.posTop=thisy-(Math.floor(i_fontsize/1.4))
step+=4
i_fontsize+=step
timer=setTimeout("ringup(2)",50)
}
else {
clearTimeout(timer)
i_fontsize=0
step=0
document.all.ring.style.posTop=-10000
}
}
document.onmousemove = handlerMM;
//--
/script
style
.ringstyle {
position:absolute;
visibility:visible;
top:-50px;
font-size:5pt;
font-family:Verdana;
color:FF0000
}
.explain {
position:absolute;
top:80px;
left:40px;
width:300px;
color:000000;
text-align:center;
font-size:20pt;
font-family:Times;
}
/style
====2、将以下代码加入HEML的body/body之间
div id="ring" class="ringstyle"
pfont color="#FF8080":-)/font/p
/divdiv id="redirection" class="explain"
p移动你的鼠标到这里来看看a target="_blank" onMouseOver="ringup()"
onclick="window.open('download.htm','dl','width=300,height=100,top=0')"
href=""是不是很棒的效果/a/p
/div
状态栏打字特效
script Language="JavaScript"
var msg = "欢迎访问 网页特效梦工场 天天工作室友情奉献" ;
var interval = 100
var spacelen = 120;
var space10=" ";
var seq=0;
function Scroll() {
len = msg.length;
window.status = msg.substring(0, seq+1);
seq++;
if ( seq = len ) {
seq = 0;
window.status = '';
window.setTimeout("Scroll();", interval );
}
else
window.setTimeout("Scroll();", interval );
}
Scroll();
/script
带链接的滚动字幕[修改名称及链接][共1步]
====1、将以下代码加入HEML的body/body之间
script language="JavaScript1.2"
//设置marquee的宽度 (in pixels)
var marqueewidth=400
//设置marquee的高度 (in pixels, 该参数只适用于NS)
var marqueeheight=20
//设置marquee滚动的速度(数值大速度快)
var speed=4
//设置marquee显示内容，使用标准的HTML语法。
var marqueecontents='strongbig欢迎访问 a href=""梦想工作室/a 欢迎您光临 a href="mailto:qdjacky@163.net"给我来封信！/a/big/strong/font'
if (document.all)
document.write('marquee scrollAmount='+speed+' style="width:'+marqueewidth+'"'+marqueecontents+'/marquee')
function regenerate(){
window.location.reload()
}
function regenerate2(){
if (document.layers){
setTimeout("window.onresize=regenerate",450)
intializemarquee()
}
}
function intializemarquee(){
document.cmarquee01.document.cmarquee02.document.write('nobr'+marqueecontents+'/nobr')
document.cmarquee01.document.cmarquee02.document.close()
thelength=document.cmarquee01.document.cmarquee02.document.width
scrollit()
}
function scrollit(){
if (document.cmarquee01.document.cmarquee02.left=thelength*(-1)){
document.cmarquee01.document.cmarquee02.left-=speed
setTimeout("scrollit()",100)
}
else{
document.cmarquee01.document.cmarquee02.left=marqueewidth
scrollit()
}
}
window.onload=regenerate2
/script
ilayer width={marqueewidth}; height={marqueeheight}; name="cmarquee01"
layer name="cmarquee02"/layer
/ilayer
彩虹文字特效
script language="JavaScript"
!-- Hide
function MakeArray(n){
this.length=n;
for(var i=1; i=n; i++) this[i]=i-1;
return this
}
hex=new MakeArray(16);
hex[11]="A"; hex[12]="B"; hex[13]="C"; hex[14]="D"; hex[15]="E"; hex[16]="F";
function ToHex(x){
var high=x/16;
var s=high+"";
s=s.substring(0,2);
high=parseInt(s,10);
var left=hex[high+1];
var low=x-high*16;
s=low+"";
s=s.substring(0,2);
low=parseInt(s,10);
var right=hex[low+1];
var string=left+""+right;
return string;
}
function rainbow(text){
text=text.substring(3,text.length-4);
color_d1=100;
mul=color_d1/text.length;
for(i=0;i text.length;i++){
color_d1=255*Math.sin(i/(text.length/3)); "255*Math.sin(i/(text.length/3))"
color_h1=ToHex(color_d1);
color_d2=mul*i;
color_h2=ToHex(color_d2);
document.write("FONT COLOR='#FF"+color_h1+color_h2+"'"+text.substring(i,i+1)+'/FONT');
}
}
// --
/script
script
!--
{rainbow("--欢迎访问 网页特效梦工场 天天工作室友情奉献!--");}
//--
/script
永远在网页顶端的文字
div id="KBStatic" style="position:absolute; left:0px; top:0px; width:200px; height:100px; z-index:25"
欢迎访问 网页特效梦工场 天天工作室友情奉献/div
script language=JavaScript
function KB_keepItInIE(theName,theWantTop,theWantLeft) {
theRealTop=parseInt(document.body.scrollTop)
theTrueTop=theWantTop+theRealTop
document.all[theName].style.top=theTrueTop
theRealLeft=parseInt(document.body.scrollLeft)
theTrueLeft=theWantLeft+theRealLeft
document.all[theName].style.left=theTrueLeft
}
function KB_keepItInNN(theName,theWantX,theWantY) {
theRealLay=document.layers[theName]
theBadX=self.pageYOffset
theBadY=self.pageXOffset
theRealX=theBadX+theWantX
theRealY=theBadY+theWantY
theRealLay.moveTo(theRealY,theRealX)
}
IE4=(document.all)?1:0
NN4=(document.layers)?1:0
if (IE4)
setInterval('KB_keepItInIE("KBStatic",0,0)',1)
if (NN4)
setInterval('KB_keepItInNN("KBStatic",0,0)',1)
/script
阴影文字的特殊效果[适用于IE4++][共3种效果]
放在HTML的body/body区即可[适当的位置]：
====1、第一种效果[修改要显示的文字即可]
div style="width: 350; font-size:15pt; font-family: Arial ; color: red; position: relative; filter:
blur(add=1, direction=45, strength=3)"网页特效梦工厂/div
====2、第二种效果[修改要显示的文字即可]
div style="width: 350; font-size:15pt; font-family: Arial ; color: red; position: relative; filter:
glow(color=ffff00, strength=5)"网页特效梦工厂/div
====3、第三种效果[修改要显示的文字即可]
div style="width: 350; font-size:15pt; font-family: Arial ; color: red; position: relative; filter:
dropshadow(color=000000, offx=3, offy=3, positive=1)" 网页特效梦工厂/div
升降的文字特殊效果[修改显示的文字即可]
[根据下面的说明进行共1步]
====1、以下代码放在HTML的body/body之间[适当的位置]：
script LANGUAGE="JavaScript"
!--
done = 0;
step = 4
function anim(yp,yk)
{
if(document.layers) document.layers["napis"].top=yp;
else document.all["napis"].style.top=yp;
if(ypyk) step = -4
if(yp60) step = 4
setTimeout('anim('+(yp+step)+','+yk+')', 35);
}
function start()
{
if(done) return
done = 1;
if(navigator.appName=="Netscape") {
document.napis.left=innerWidth/2 - 145;
anim(60,innerHeight - 60)
}
else {
napis.style.left=11;
anim(60,document.body.offsetHeight - 60)
}
}
//--
/script
div id="napis"
style="position: absolute; top: -50; color: #D23842; font-family: Arial, Helvetica; font-weight:bold; font-size:40px;"
p网页特效/p
/divscript LANGUAGE="JavaScript"
!--
setTimeout('start()',10);
//--
/script
波浪起伏的文字
script language="JavaScript"
function makeArray(n){
this.length=n
return this
}
function hexfromdec(num) {
hex=new makeArray(1);
var hexstring="";
var shifthex=16;
var temp1=num;
for(x=1; x=0; x--) {
hex[x]=Math.round(temp1/shifthex - .5);
hex[x-1]=temp1 - hex[x] * shifthex;
temp1=hex[x-1];
shifthex /= 16;
}
for (x=1; x=0; x--) { hexstring+=getletter(hex[x]); }
return (hexstring);
}
function getletter(num) {
if (num 10) { return num; }
else {
if (num == 10) { return "A" }
if (num == 11) { return "B" }
if (num == 12) { return "C" }
if (num == 13) { return "D" }
if (num == 14) { return "E" }
if (num == 15) { return "F" }
}
}
function rainbow(text){
var color_d1;
var allstring="";
for(i=0;itext.length;i=i+2){
color_d1=255*Math.sin(i/(text.length/3));
color_h1=hexfromdec(color_d1);
allstring+="FONT COLOR="+color_h1+"ff"+color_h1+""+text.substring(i,i+2)+"/FONT";
}
return allstring;
}
function sizefont(text){
var color_d1;
var allstring="";
var flag=0;
for(i=0,j=0;itext.length;i=i+1){
if (flag==0) {
j++;
if (j=7) {
flag=1;}}
if (flag==1) {
j=j-1;
if (j=0) {
flag=0; }}
allstring+="FONT SIZE="+ j + "" + text.substring(i,i+1) + "/FONT";
}
return allstring;
}
document.write("font size=5CENTER")
document.write("BRBR")
document.write( sizefont("欢迎访问 网页特效梦工场 天天工作室友情奉献"))
document.write("/CENTER/font")
/script
图 像 特 效
图片展示选择[很棒的图片展示脚本所有图片尺寸应该一致才好]
====1、以下代码放在HTML的body/body 区即可：
CENTER
img width=200 height=223 src="图片名字.jpg" name="x1"
/CENTER
//以上是程序初始时显示的图片。
FORM
CENTER
SELECT onChange="document.x1.src=options[selectedIndex].value"
option value="图片名字1.jpg"看看图片1/option
option value="图片名字2.jpg"看看图片2/option
option value="图片名字3.jpg"看看图片3/option
option value="图片名字4.jpg"看看图片4/option
/SELECT
/CENTER
/FORM
图片的渐显播放[推荐][根据下面的说明进行共3步，修改图片的名称及路径即可]
第三步的top:120px;left:240px可以设定显示的位置
====1、将下面的代码插入到HEML的head/head之间：
script language=javaScript
!--//
sandra0 = new Image();
sandra0.src = "image1.gif";
sandra1 = new Image();
sandra1.src = "image2.gif";
sandra2 = new Image();
sandra2.src = "image3.gif";
var i_strngth=1
var i_image=0
var imageurl = new Array()
imageurl[0] ="图片名称1.gif"
imageurl[1] ="图片名称2.gif"
imageurl[2] ="图片名称3.gif"
function showimage() {
if(document.all) {
if (i_strngth =110) {
testimage.innerHTML="img style='filter:alpha(opacity="+i_strngth+")' src="+imageurl[i_image]+" border=0";
i_strngth=i_strngth+10
var timer=setTimeout("showimage()",100)
}
else {
clearTimeout(timer)
var timer=setTimeout("hideimage()",1000)
}
}
if(document.layers) {
clearTimeout(timer)
document.testimage.document.write("img src="+imageurl[i_image]+" border=0")
document.close()
i_image++
if (i_image = imageurl.length) {i_image=0}
var timer=setTimeout("showimage()",2000)
}
}
function hideimage() {
if (i_strngth =-10) {
testimage.innerHTML="img style='filter:alpha(opacity="+i_strngth+")' src="+imageurl[i_image]+" border=0";
i_strngth=i_strngth-10
var timer=setTimeout("hideimage()",100)
}
else {
clearTimeout(timer)
i_image++
if (i_image = imageurl.length) {i_image=0}
i_strngth=1
var timer=setTimeout("showimage()",500)
}
}
//--
/script
====2、修改body语句为：
body onLoad="showimage()"
====3、将下面的代码加入到HEML的body/body之间：
div id="testimage" style="position:absolute;visibility:visible;top:120px;left:240px"/div
跟随屏幕移动的图像[推荐]修改图片名称和文字即可][共2步]
====1、将以下代码加入到HEML的head/head之间：
style type="text/css"
#floater {
position: absolute;
left: 500;
top: 146;
width: 125;
visibility: visible;
z-index: 10;
}/style
====2、将以下代码加入到HEML的body/body之间
div ID="floater" style="left: 590px; top: 158px"
p align="center"img SRC="想要显示的图片.gif" alt="图片显示的文字" WIDTH="125" HEIGHT="60"br
font color="#FF8040"图片下面的文字/font/p
/divscript LANGUAGE="JavaScript"
self.onError=null;
currentX = currentY = 0;
whichIt = null;
lastScrollX = 0; lastScrollY = 0;
NS = (document.layers) ? 1 : 0;
IE = (document.all) ? 1: 0;
!-- STALKER CODE --
function heartBeat() {
if(IE) { diffY = document.body.scrollTop; diffX = document.body.scrollLeft; }
if(NS) { diffY = self.pageYOffset; diffX = self.pageXOffset; }
if(diffY != lastScrollY) {
percent = .1 * (diffY - lastScrollY);
if(percent 0) percent = Math.ceil(percent);
else percent = Math.floor(percent);
if(IE) document.all.floater.style.pixelTop += percent;
if(NS) document.floater.top += percent;
lastScrollY = lastScrollY + percent;
}
if(diffX != lastScrollX) {
percent = .1 * (diffX - lastScrollX);
if(percent 0) percent = Math.ceil(percent);
else percent = Math.floor(percent);
if(IE) document.all.floater.style.pixelLeft += percent;
if(NS) document.floater.left += percent;
lastScrollX = lastScrollX + percent;
}
}
!-- /STALKER CODE --
!-- DRAG DROP CODE --
function checkFocus(x,y) {
stalkerx = document.floater.pageX;
stalkery = document.floater.pageY;
stalkerwidth = document.floater.clip.width;
stalkerheight = document.floater.clip.height;
if( (x stalkerx x (stalkerx+stalkerwidth)) (y stalkery y (stalkery+stalkerheight))) return true;
else return false;
}
function grabIt(e) {
if(IE) {
whichIt = event.srcElement;
while (whichIt.id.indexOf("floater") == -1) {
whichIt = whichIt.parentElement;
if (whichIt == null) { return true; }
}
whichIt.style.pixelLeft = whichIt.offsetLeft;
whichIt.style.pixelTop = whichIt.offsetTop;
currentX = (event.clientX + document.body.scrollLeft);
currentY = (event.clientY + document.body.scrollTop);
} else {
window.captureEvents(Event.MOUSEMOVE);
if(checkFocus (e.pageX,e.pageY)) {
whichIt = document.floater;
StalkerTouchedX = e.pageX-document.floater.pageX;
StalkerTouchedY = e.pageY-document.floater.pageY;
}
}
return true;
}
function moveIt(e) {
if (whichIt == null) { return false; }
if(IE) {
newX = (event.clientX + document.body.scrollLeft);
newY = (event.clientY + document.body.scrollTop);
distanceX = (newX - currentX); distanceY = (newY - currentY);
currentX = newX; currentY = newY;
whichIt.style.pixelLeft += distanceX;
whichIt.style.pixelTop += distanceY;
if(whichIt.style.pixelTop document.body.scrollTop) whichIt.style.pixelTop = document.body.scrollTop;
if(whichIt.style.pixelLeft document.body.scrollLeft) whichIt.style.pixelLeft = document.body.scrollLeft;
if(whichIt.style.pixelLeft document.body.offsetWidth - document.body.scrollLeft - whichIt.style.pixelWidth - 20) whichIt.style.pixelLeft = document.body.offsetWidth - whichIt.style.pixelWidth - 20;
if(whichIt.style.pixelTop document.body.offsetHeight + document.body.scrollTop - whichIt.style.pixelHeight - 5) whichIt.style.pixelTop = document.body.offsetHeight + document.body.scrollTop - whichIt.style.pixelHeight - 5;
event.returnValue = false;
} else {
whichIt.moveTo(e.pageX-StalkerTouchedX,e.pageY-StalkerTouchedY);
if(whichIt.left 0+self.pageXOffset) whichIt.left = 0+self.pageXOffset;
if(whichIt.top 0+self.pageYOffset) whichIt.top = 0+self.pageYOffset;
if( (whichIt.left + whichIt.clip.width) = (window.innerWidth+self.pageXOffset-17)) whichIt.left = ((window.innerWidth+self.pageXOffset)-whichIt.clip.width)-17;
if( (whichIt.top + whichIt.clip.height) = (window.innerHeight+self.pageYOffset-17)) whichIt.top = ((window.innerHeight+self.pageYOffset)-whichIt.clip.height)-17;
return false;
}
return false;
}
function dropIt() {
whichIt = null;
if(NS) window.releaseEvents (Event.MOUSEMOVE);
return true;
}
!-- DRAG DROP CODE --
if(NS) {
window.captureEvents(Event.MOUSEUP|Event.MOUSEDOWN);
window.onmousedown = grabIt;
window.onmousemove = moveIt;
window.onmouseup = dropIt;
}
if(IE) {
document.onmousedown = grabIt;
document.onmousemove = moveIt;
document.onmouseup = dropIt;
}
if(NS || IE) action = window.setInterval("heartBeat()",1);
/script
随机显示的背景图片[想别人每次看你页面时背景都不一样吗？][共1步]
====1、将以下代码加入HTML的head/head之间：
script LANGUAGE="JavaScript"
bg = new Array(2); //设定图片数量，如果图片数为3，这个参数就设为2，依次类推
bg[0] = 'bg1.gif' //显示的图片路径，可用http://
bg[1] = 'bg2.gif'
bg[2] = 'bg3.gif'
index = Math.floor(Math.random() * bg.length);
document.write("BODY BACKGROUND="+bg[index]+"");
/script
永远居中的背景图片[推荐][共1步][修改图片名称]
====1、将以下代码加入HEML的body/body之间：
STYLE TYPE="text/css"
!--
BODY {background-image: URL(图片名称.gif);
background-position: center;
background-repeat: no-repeat;
background-attachment: fixed;}
--
/STYLE
鼠标感应渐显图片[平时很模糊的图片鼠标一放上就显示清楚]
[修改图片名称即可][共2步]
====1、将以下代码加入HTML的head/head之间：
script language="JavaScript1.2"
function makevisible(cur,which){
if (which==0)
cur.filters.alpha.opacity=100
else
cur.filters.alpha.opacity=20
}
/script
====2、将以下代码加入到HTML的bodybody之间：
img src="想要显示的图片.gif" style="filter:alpha(opacity=20)" onMouseOver="makevisible(this,0)" onMouseOut="makevisible(this,1)"
页 面 特 效
十分棒的MIDI播放器[共2步](可根据相应的项目修改)
====1、将以下代码加入HTML的head/head之间：
Script Language="JavaScript"
!-- Hiding
song = new Array()
var x = 0
song[1] = "007主题曲之一"
song[2] = "007主题曲之二"
song[3] = "999朵玫瑰"
song[4] = "X-档案主题曲"
song[5] = "用心良苦"
song[6] = "泰坦尼克主题曲"
function prev(){
if (x1)
{ x--
document.midi.typein.value=song [x]
}
}
function next(){
var max= song.length-1
if (xmax)
{ x++
document.midi.typein.value=song [x]
}
}
function go(){
if (x != 0){
location.href='song'+x+'.mid'
//以上指定播放的是当前路径的midi文件，文件名分别是song1.mid-song6.mid //
}
}
function start(){
x=1
document.midi.typein.value=song [x]
}
function end(){
x=song.length-1
document.midi.typein.value=song [x]
}
function cls(){
document.midi.typein.value="选曲"
}
// Done Hiding --
/Script
====2、将以下代码加入HTML的body/body之间区：
BODY onload="cls()"
FORM Name="midi"
INPUT NAME="typein" TYPE="text" SIZE="25" ALIGN=topBR
font size=3
INPUT TYPE=Button Value="|" Align=left onclick="start()"
INPUT TYPE=Button Value="" Align=left onclick="prev()"
input type=Button value="PLAY" align=left onClick="go()" name="Button"
INPUT TYPE=Button Value="" Align=left onclick="next()"
INPUT TYPE=Button Value="|" Align=left onclick="end()"
/font
/FORM