站内搜索: 请输入搜索关键词

当前页面: 开发资料首页Javascript 专题一个很酷的程序JavaScript做的MID歌曲搜索播放器[IE]

一个很酷的程序JavaScript做的MID歌曲搜索播放器[IE]

摘要: 一个很酷的程序JavaScript做的MID歌曲搜索播放器[IE]
<textarea readonly style="border:none;font-family:Courier New;line-height:150%;width:760px;overflow-y:visible">


html&gt;

&lt;head&gt;
&lt;meta http-equiv="Content-Type" content="text/html; charset=gb2312"&gt;
&lt;title&gt;MID点歌器&lt;/title&gt;
&lt;style&gt;.f{font-size:9pt;width:190pt}&lt;/style&gt;
&lt;script&gt;
//程序设计虹雨
path="http://card4.yinsha.com/midi/"
var stext=new Array()
stext[0]='angels we have heard on high'
stext[1]='away in a manger'
stext[2]='beginning to look a lot like christmas'
stext[3]='carol bells'
stext[4]='chestnuts roasting on an open fire'
stext[5]='deck the halls'
stext[6]='do you hear what i hear'
stext[7]='frosty'
stext[8]='god rest ye merry gentlemen'
stext[9]='grandma got run over'
stext[10]='happy christmas'
stext[11]='hark the herald angels sing'
stext[12]='have a holly jolly christmas'
stext[13]='holy night'
stext[14]='i saw mommy kissing santa claus'
stext[15]='jingle bells'
stext[16]='the first noel'
stext[17]='the holly and thi iny'
stext[18]='101次求婚'
stext[19]='阿lam日记'
stext[20]='阿尔汉布拉宫的回忆'
stext[21]='阿根廷不要为我哭泣'
stext[22]='阿拉伯跳舞女郎'
stext[23]='阿拉伯绮想曲'
stext[24]='阿拉丁'
stext[25]='阿斯图利亚斯的传奇'
stext[26]='爱出个未来'
stext[27]='爱的很小心'
stext[28]='爱的呼唤'
stext[29]='爱火烧不尽'
stext[30]='爱那么重'
stext[31]='爱那麽重'
stext[32]='爱你到永远'
stext[33]='爱你一定快乐'
stext[34]='爱你一万年'
stext[35]='爱你这样傻'
stext[36]='爱念'
stext[37]='爱拼才会赢'
stext[38]='爱情白皮书'
stext[39]='爱情故事'
stext[40]='爱情傀儡'
stext[41]='爱情影画戏'
stext[42]='爱人'
stext[43]='爱如潮水'
stext[44]='爱上一个不回家的人'
stext[45]='爱是永恒'
stext[46]='爱我到今生'
stext[47]='爱我的人和我爱的人'
stext[48]='爱我好吗'
stext[49]='爱无止境'
stext[50]='爱相随'
stext[51]='爱相随2'
stext[52]='爱与愁'
stext[53]='安妮'
stext[54]='八月桂花遍地开'
stext[55]='八月桂花香'
stext[56]='巴西华尔兹'
stext[57]='拜年'
stext[58]='半点心'
stext[59]='半梦半醒之间'
stext[60]='包青天'
stext[61]='悲伤朱丽叶'
stext[62]='悲伤茱丽叶'
stext[63]='北方的狼'
stext[64]='北国之春'
stext[65]='北京'
stext[66]='被动'
stext[67]='彼特和狼'
stext[68]='变心的翅膀'
stext[69]='别爱我'
stext[70]='别怕我伤心'
stext[71]='别让情两难'
stext[72]='别让我恨你'
stext[73]='别让我最后知道'
stext[74]='别问我是谁'
stext[75]='别以为我懂'
stext[76]='冰雨'
stext[77]='勃兰登堡协奏曲'
stext[78]='不会哭于你面前'
stext[79]='不可能的任务'
stext[80]='不老的传说'
stext[81]='不了情'
stext[82]='不留余情'
stext[83]='不拖不'
stext[84]='不要对他说'
stext[85]='不要在乎我是谁'
stext[86]='不知不觉想起你'
stext[87]='布雷舞曲'
stext[88]='步步高'
stext[89]='财神到'
stext[90]='采茶扑蝶'
stext[91]='缠绵'
stext[92]='长城'
stext[93]='长流不息'
stext[94]='长夜多浪漫'
stext[95]='超人'
stext[96]='城里的月光'
stext[97]='橙路'
stext[98]='赤裸裸'
stext[99]='冲开一切'
stext[100]='初恋'
stext[101]='初恋情人'
stext[102]='出场'
stext[103]='出水莲'
stext[104]='楚留香'
stext[105]='处处留情'
stext[106]='传奇'
stext[107]='船歌'
stext[108]='吹散为你留下的梦'

stt=0
k=0
var otxt=new Array()
otxt[0]='[&gt; ]'
otxt[1]='[&gt;&gt; ]'
otxt[2]='[ &gt;&gt; ]'
otxt[3]='[ &gt;&gt; ]'
otxt[4]='[ &gt;&gt; ]'
otxt[5]='[ &gt;&gt; ]'
otxt[6]='[ &gt;&gt; ]'
otxt[7]='[ &gt;&gt;]'
otxt[8]='[ &gt;]'
function findc(obj){
j=1
for(i=0;i&lt;stext.length;i++){
temp=""+stext[i]
if(temp.indexOf(obj.find.value)!=-1)
{
var no = new Option()
no.value = stext[i]
no.text = stext[i]
obj.music.options[j++]=no
}
}
obj.music.options.length =j
obj.midopen.value=" "
obj.txt.value="找到歌共"+obj.music.options.length+"首"
}

function auto(obj){
if(obj.midopen.value=="停止播放"){
clearInterval(stt)
obj.midopen.value="播放歌曲"
midon=document.mid.dynsrc
document.mid.dynsrc="about:blank"
}else{
clearInterval(stt)
obj.midopen.value="停止播放"
document.mid.dynsrc=midon
obj.txt.value="第"+obj.music.selectedIndex+"首、曲名是:"+mid
stt=setInterval("atxt()",200)
}
}
function x(obj){
mid=obj.music.options[obj.music.selectedIndex].value;
if (mid!=""){
clearInterval(stt)
document.mid.dynsrc="about:blank"
obj.midopen.value="停止播放"
document.mid.dynsrc=path+mid+".mid";
obj.txt.value="第"+obj.music.selectedIndex+"首、曲名是:"+mid
stt=setInterval("atxt()",200)
}
}
function atxt(){
k++
if(k==otxt.length)k=0
document.forms[0].otx.value=otxt[k]
}
&lt;/script&gt;
&lt;link rel="stylesheet" href="../hy.css"&gt;
&lt;/head&gt;

&lt;body background="../gif/mbg.gif" bgcolor="#FFFFFF"&gt;

&lt;form&gt;
&lt;div align="center"&gt;
&lt;center&gt;
&lt;table border="0" bgcolor="#FCE01B" cellspacing="5"&gt;
&lt;tr&gt;
&lt;td&gt;&lt;table border="1" bordercolorlight="#000000" cellspacing="0" bordercolordark="#FFFFFF"
background="../gif/tb.gif"&gt;
&lt;tr&gt;
&lt;td&gt;&lt;font color="#FF0000"&gt;彩虹细雨MID播放机&lt;/font&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;

&lt;input type="button" value="快速搜索" onclick="findc(this.form)" style="background-image: url
('../gif/tb.gif')"&gt;

歌曲名称:&lt;input type="text" name="find" size="20"&gt;[虹雨设计]

&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;

&lt;p&gt; &lt;input type="button" value=" " onclick="auto(this.form)" name="midopen"
style="background-image: url('../gif/tb.gif')"&gt;&lt;img name="mid" dynsrc="about:blank" width="1"
height="1"&gt;
&lt;script&gt;
document.write("&lt;select size=1 name=music onChange=x(this.form) class=f&gt;")
document.write("&lt;option value=\"\"&gt;选择音乐")
for(i=0;i&lt;stext.length;i++)document.write("&lt;OPTION value=\""+stext[i]+"\"&gt;"+stext[i])
document.write("&lt;/select&gt;")
&lt;/script&gt;&lt;/p&gt;

&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;input type="text" name="otx" size="10" onFocus="blur()"&gt; &lt;input type="text" name="txt" size="40"
onFocus="blur()"&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;/table&gt; &lt;/td&gt;
&lt;/tr&gt;
&lt;/table&gt;
&lt;/center&gt;
&lt;/div&gt;
&lt;/form
 
&lt;/body&gt;

&lt;/html&gt;

</td> </tr> </table></td> </tr>   
</td> </tr> </table> </textarea>
↑返回目录
前一篇: 一全很经典的JavaScript堆积演示程序
后一篇: 一个查看ASP的JavaScript程序