熱點推薦:
您现在的位置: 電腦知識網 >> 編程 >> Java編程 >> JSP教程 >> 正文

Javascript技術實現真正的網上試聽

2013-11-15 11:37:37  來源: JSP教程 
該腳本的特點:應用Javascript的層技術和一些function()使播放音樂的同時實現歌詞的相應滾動
使用realplay的rm格式音樂使下載的同時進行播放
(該特殊效果對IE以上都有效

演示
<html>
<head>
<SCRIPT Language=Javascript>
<!
var locate = ;
var scro = ;
var go=;//控制滾動的速度越小越快
//以下函數實現滾動
function scroller() {
if ( scro== ){
locate++;
scroll(locate);
clearTimeout(timer);
var timer = setTimeout(scroller()go);
timer;
}
else{

scroll(locate);
}
}
//>
</SCRIPT>
<meta httpequiv=ContentType content=text/html; charset=gb>
<title>Welcome to YIs Home</title>
</head>
<body bgcolor=#EEEEEE >
<SCRIPT Language=Javascript>
<!
var offsettop=//定義層的相應位置

//定義隨網頁自動滾動的層函數
function makeStatic() {
objectstylepixelTop=documentbodyscrollTop+offsettop;objectstylepixelTop=documentbodyscrollTop+offsettop;
setTimeout(makeStatic());//控制滾動的速度越小越快
}
//切換滾動暫停圖像的函數
function scrorstp() {
if (scro==)
{scro=;
objectstylevisibility=visible;
objectstylevisibility=visible;
}
else {
scro=;
objectstylevisibility=hidden;
scroller();}
}
//定義播放的歌曲地址
documentwrite(<div id=object ><img src=zantinggif width= height= onclick=scrorstp()><font size=><embed height= src=Afainst All Odds Mariah Careyrm type=audio/xpnrealaudioplugin width= controls=PlayButton autostart=false></font></div>)
//定義滾動暫停的切換圖像onclick激發切換
documentwrite(<div id=object ><img src=gundonggif width= height= onclick=scrorstp()></div>)
//啟動Javascript
function menu(){
if (documentall||documentlayers)
makeStatic()
}
windowonload=menu
//</SCRIPT>以下是歌詞部分
//>
</SCRIPT>
<ul>
<li>
<div align=center>
<center>
<p><span class=font ><b>Mariah CareyAgainst All Odds<font face=Times New Roman size=>
</b></span></p>
</div>
</center>
<blockquote>
<p align=justify class=font><span class=font>
How can I just let you walk away

Just let you leave without a trace

When I stand here taking

Every breath with you

Youre the only one

Who really knew me at all

How can you just walk away from me

When all I can do is watch you leave

Cause weve shared the laughter and the pain

And even shared the tears

Youre the only one

Who really knew me at all


So take a look at me now

Oh theres just an empty space

And theres nothing left here to remind me

Just the memory of your face

Take a look at me now

Cause theres just an empty space

And you coming back to me is against all odds

And thats what Ive got to face


I wish I could just make you turn around

Turn around and see me cry

Theres so much I need to say to you

So many reasons why

Youre the only one

Who really knew me at all


So take a look at me now

Cause theres just an empty space

And theres nothing left here to remind me

Just the memory of your face

Take a look at me now

Cause theres just an empty space

But to wait for you is

All I can do

And thats what Ive got to face

Take a good look at me now

Cause lll still be standing here

And you coming back to me is against all odds

Thats the chance Ive qot to take


Take a look at me now </p>
</span></p>
</blockquote>
<p></p>
</li>
</ul>
</body>
</html>
From:http://tw.wingwit.com/Article/program/Java/JSP/201311/19321.html
    推薦文章
    Copyright © 2005-2013 電腦知識網 Computer Knowledge   All rights reserved.