Javascript技术实现真正的网上试听
javascript技术实现真正的网上试听-(样本)http://www.ue100.com/grzy/yiiy/music/againstallodds.htm
归于yiiy
email:yiiy@infoworld.sh.cn
描述:欢迎使用本脚本.本脚本使用户在线收听音乐的同时欣赏自动跟随的歌词,还可以随时控制暂停,播放。
该脚本的特点:应用javascript的层技术,和一些function()使播放音乐的同时实现歌词的相应滚动。
使用realplay的rm格式音乐使下载的同时进行播放。
(该特殊效果对ie4以上都有效。)
演示:
<html>
<head>
<script language='javascript1.2'>
<!--
var locate = 0;
var scro = 0;
var go=80;//控制滚动的速度,越小越快。
//以下函数实现滚动
function scroller() {
if ( scro==1 ){
locate++;
scroll(20,locate);
cleartimeout(timer);
var timer = settimeout('scroller()',go);
timer;
}
else{
scroll(20,locate);
}
}
//-->
</script>
<meta http-equiv='content-type' content='text/html; charset=gb2312'>
<title>welcome to yi´s home</title>
</head>
<body bgcolor='#eeeeee' >
<script language='javascript1.2'>
<!--
var offsettop=20//定义层的相应位置
//定义随网页自动滚动的层函数
function makestatic() {
object1.style.pixeltop=document.body.scrolltop+offsettop;object2.style.pixeltop=document.body.scrolltop+offsettop;
settimeout('makestatic()',100);//´100´控制滚动的速度,越小越快。
}
//切换‘滚动‘和‘暂停´图像的函数
function scrorstp() {
if (scro==1)
{scro=0;
object2.style.visibility='visible';
object1.style.visibility='visible';
}
else {
scro=1;
object1.style.visibility='hidden';
scroller();}
}