javascript

位置:IT落伍者 >> javascript >> 浏览文章

Javascript技术实现真正的网上试听


发布日期:2018年05月08日
 
Javascript技术实现真正的网上试听
该脚本的特点:应用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>

上一篇:Javascript实现定时弹出窗口的效果

下一篇:提供前进、后退功能及其他JAVASCRIPT速成秘诀