MagicPlayer 网络流媒体播放器可以在页面任意位置悬浮，用来播放 FLV 视频广告等，具体页面代码如下：
方法一：（兼容 IE、Firefox 支持 W3C XHTML 标准）
<html>
<head>
<title>MagicPlayer 页面悬浮 兼容 IE、Firefox 支持 W3C XHTML 标准</title>
</head>
<body>
<script type="text/javascript">
<!--
var BROWSERNAME="";
switch(navigator.appName.toLowerCase()){
case "netscape":BROWSERNAME="ns";break;
case "microsoft internet explorer":
default:BROWSERNAME="ie"; break;
}
switch(BROWSERNAME){
case "ns":window.addEventListener("load",init,false);break;
case "ie":
default:window.attachEvent("onload",init);break;
}
function init(){
var element=document.getElementsByTagName("div");
for(var i=0;i<element.length;i++){
if(element[i].className.match(/^((magic)|(.+ +magic)|(magic +.+)|(.+ +magic +.+))$/)){
element=element[i];
element.offX=element.offsetLeft;
element.offY=element.offsetTop;
element.Stick=function(){
var x=this.offX, y=this.offY, po=this;
this.style.position="absolute";
this.style.index=1;
x+=document.body.parentNode.scrollLeft;
y+=document.body.parentNode.scrollTop;
this.style.left=x+"px";
this.style.top=y+"px";
};
switch(BROWSERNAME){
case "ns":window.addEventListener("scroll",event_scroll,false);break;
case "ie":
default:window.attachEvent("onscroll",event_scroll);break;
}
document.body.parentNode.onscroll=event_scroll;
} } event_scroll();
}
function event_scroll(){
var element=document.getElementsByTagName("div");
for(var i=0;i<element.length;i++){
if(element[i].className.match(/^((magic)|(.+ +magic)|(magic +.+)|(.+ +magic +.+))$/))
try{element[i].Stick();}catch(e){}
} }
//-->
</script>
<div class="magic" style="left:100px; top:250px; position:absolute; z-index:1;">
<center style="background-color:#C3D9FF; font-weight:bold; line-height:30px;">MagicPlayer</center>
<object width="400" height="340" id="magicplayer" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" align="middle">
<param name="allowScriptAccess" value="always" /><param name="allowFullScreen" value="true" /><param name="quality" value="high" />
<param name="scale" value="noscale" /><param name="play" value="false" /><param name="bgcolor" value="#000000" />
<param name="movie" value="http://www.magicplayer.net.cn/magicplayer.swf?file=http://flv.uurain.cn/magic.flv&" />
<embed src="http://www.magicplayer.net.cn/magicplayer.swf?file=http://flv.uurain.cn/magic.flv&" width="400" height="340" name="magicplayer" play="false" quality="high" scale="noscale" bgcolor="#000000" align="middle" wmode="transparent" allowScriptAccess="sameDomain" allowFullScreen="true" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>
</div>
</body>
</html>
方法二：
<html>
<head>
<title>MagicPlayer 页面悬浮</title>
<head>
<body>
<!--
<script language="javascript" type="text/javascript">
function magicload(){
if(window.addEventListener)window.addEventListener("load",magicfloat,false);
else if(window.attachEvent)window.attachEvent("onload",magicfloat);
else if(document.getElementById)window.onload=magicfloat;
}
function magicfloat()
{
barheight=magicobject("magic").offsetHeight;
var ns=(navigator.appName.indexOf("Netscape") != -1) || window.opera;
var d=document;
function ml(id){
var el=d.getElementById(id);
if (!persistclose || persistclose && get_cookie("remainclosed")=="")
el.style.visibility="visible"
if(d.layers)el.style=el;
el.sP=function(x,y){this.style.left=x+"px";this.style.top=y+"px";};
el.x=startX;
if (verticalpos=="fromtop")el.y=startY;
else{
el.y=ns?pageYOffset+innerHeight:magicbody().scrollTop+magicbody().clientHeight;
el.y-=startY;
}
return el;
}
window.stayTopLeft=function(){
if (verticalpos=="fromtop"){
var pY=ns?pageYOffset:magicbody().scrollTop;
ftlObj.y+=(pY+startY-ftlObj.y)/5;
}
else{
var pY=ns?pageYOffset+innerHeight-barheight: magicbody().scrollTop+magicbody().clientHeight-barheight;
ftlObj.y+=(pY-startY-ftlObj.y)/5;
}
ftlObj.sP(ftlObj.x, ftlObj.y);
setTimeout("stayTopLeft()", 5);
}
ftlObj=ml("magic");
stayTopLeft();
}
function magicbody(){
return document.compatMode && document.compatMode!="BackCompat"?document.documentElement:document.body;
}
function magicobject(id){return document.getElementById(id);}
var persistclose=0;//设置0到1. 设置1的话 一次性显示手动关闭, 看过一次的以后不会再显示（COOKIE）
var startX=100;//设置水平坐标
var startY=200;//设置垂直坐标
var verticalpos="fromtop";//"fromtop"从上面出现 "frombottom" 从下面出现
magicload();
//-->
</script>
<div id="magic" style="position:absolute; z-index:1;" >
<center style="background-color:#C3D9FF;color:#ffffff; font-weight:bold; line-height:30px;">MagicPlayer</center>
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" width="400" height="340" id="magicplayer" align="middle">
<param name="allowScriptAccess" value="always" /><param name="allowFullScreen" value="true" /><param name="quality" value="high" />
<param name="scale" value="noscale" /><param name="play" value="false" /><param name="bgcolor" value="#000000" />
<param name="movie" value="http://www.magicplayer.net.cn/magicplayer.swf?file=http://flv.uurain.cn/magic.flv&" />
<embed src="http://www.magicplayer.net.cn/magicplayer.swf?file=http://flv.uurain.cn/magic.flv&" width="400" height="340" name="MagicPlayer" play="false" quality="high" scale="noscale" bgcolor="#000000" align="middle" wmode="transparent" allowScriptAccess="sameDomain" allowFullScreen="true" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>
</div>
</body>
</html>