位置：首页>> 网络编程>> JavaScript>> 能否用显示/隐藏层来控制FLASH播放与停止

能否用显示/隐藏层来控制FLASH播放与停止

　来源：经典论坛　发布时间：2008-10-27 14:08:00　

标签：播放,flash,隐藏,层

新手，看到很多网页上有显示/隐藏的菜单，可以显示隐藏层的同时控制FLASH的播放与停止。
找了好久都找不到这个功能。。。还望高人指点

当点击时就会出现这个层并且播放FLASH，再按一下就会关闭FLASH并且隐藏此层

刚刚搜索了一下，找到个关于这方面的代码，于是试着加入FLASH，但在打开时是显示的，而不是想象中的隐藏的需要手动打开

在按下此菜单时，却也隐藏了，只是FLASH并没有停止

不知能否实现这个功能？

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>div动画显示</title><style>* { margin:0; padding:0;}body { text-align:center; font:75％ Verdana, Arial, Helvetica, sans-serif;}h1 { font:125％ Arial, Helvetica, sans-serif; text-align:left; font-weight:bolder; background:#333; padding:3px; display:block; color:#99CC00}.class1 { width:40％; background:#CCC; position:relative; margin:0 auto; padding:5px;}span { position:absolute; right:10px; top:8px; cursor:pointer; color:yellow;}p { text-align:left; line-height:20px; background:#333; padding:3px; margin-top:5px; color:#99CC00}.class1content { height:300px;overflow:hidden}</style><script>function $(element){return element = document.getElementById(element);}function $D(){var d=$('class1content');var h=d.offsetHeight;var maxh=300;function dmove(){h+=20; //设置层展开的速度if(h>=maxh){d.style.height='300px';clearInterval(iIntervalId);}else{d.style.display='block';d.style.height=h+'px';}}iIntervalId=setInterval(dmove,2);}var obj_temp=""/////////////////function $D2(){var d=$('class1content');var h=d.offsetHeight;var maxh=300;function dmove(){h-=5;//设置层收缩的速度if(h<=0){d.style.display='none';document.getElementById("ttt").innerHTML=""//////////////clearInterval(iIntervalId);}else{d.style.height=h+'px';}}iIntervalId=setInterval(dmove,2);}function $use(){var d=$('class1content');var sb=$('stateBut');if(d.style.display=='none'){document.getElementById("ttt").innerHTML=obj_temp;//////////////$D();sb.innerHTML='收缩';}else{obj_temp=document.getElementById("ttt").innerHTML;/////////////////$D2();sb.innerHTML='展开';}}function init(){obj_temp=document.getElementById("ttt").innerHTML;document.getElementById("ttt").innerHTML="";var d=$('class1content');d.style.height="0px";d.style.display='none';$('stateBut').innerHTML='展开';}</script></head><body onload="init()"><div class="class1"><h1>靠自己</h1><span id="stateBut" onclick="$use()">收缩</span><p id="class1content" class="class1content"><label id="ttt"><OBJECT codeBase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" height="400" width="550" align="middle" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" VIEWASTEXT> <PARAM NAME="_cx" VALUE="14552"> <PARAM NAME="_cy" VALUE="10583"> <PARAM NAME="FlashVars" VALUE=""> <PARAM NAME="Movie" VALUE="http://10.down.flashyc.com/swf/2007-1-13/212740979.swf"> <PARAM NAME="Src" VALUE="http://10.down.flashyc.com/swf/2007-1-13/212740979.swf"> <PARAM NAME="WMode" VALUE="Window"> <PARAM NAME="Play" VALUE="-1"> <PARAM NAME="Loop" VALUE="-1"> <PARAM NAME="Quality" VALUE="High"> <PARAM NAME="SAlign" VALUE=""> <PARAM NAME="Menu" VALUE="-1"> <PARAM NAME="Base" VALUE=""> <PARAM NAME="AllowScriptAccess" VALUE=""> <PARAM NAME="Scale" VALUE="ShowAll"> <PARAM NAME="DeviceFont" VALUE="0"> <PARAM NAME="EmbedMovie" VALUE="0"> <PARAM NAME="BGColor" VALUE=""> <PARAM NAME="SWRemote" VALUE=""> <PARAM NAME="MovieData" VALUE=""> <PARAM NAME="SeamlessTabbing" VALUE="1"> <PARAM NAME="Profile" VALUE="0"> <PARAM NAME="ProfileAddress" VALUE=""> <PARAM NAME="ProfilePort" VALUE="0"> <embed src='http://10.down.flashyc.com/swf/2007-1-13/212740979.swf' width="550" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash"> </embed> </OBJECT></label></p></div></body></html>

但还有个疑惑就是，如果在一个网页中放入两个或多个FLASH，并且都自动折叠，那代码该怎么写能做到啊（因为我是新人，不懂JS）能否做个JS文件，然后，只要在网页中调用就好

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>div动画显示</title><style>* { margin:0; padding:0;}body { text-align:center; font:75％ Verdana, Arial, Helvetica, sans-serif;}h1 { font:125％ Arial, Helvetica, sans-serif; text-align:left; font-weight:bolder; background:#333; padding:3px; display:block; color:#99CC00}.class1 { width:40％; background:#CCC; position:relative; margin:0 auto; padding:5px;}span { position:absolute; right:10px; top:8px; cursor:pointer; color:yellow;}p { text-align:left; line-height:20px; background:#333; padding:3px; margin-top:5px; color:#99CC00}.class1content { height:300px;overflow:hidden}</style><script>function $(element){return element = document.getElementById(element);}//生成SWF对象字符串函数//"400","500",http://10.down.flashyc.com/swf/2007-1-13/212740979.swf//"400","500","http://10.down.flashyc.com/swf/2007-1-13/212740979.swf"function swfobject(h,w,url){ var objtxt='' objtxt+='<OBJECT codeBase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" height="'+h+'" width="'+w+'" align="middle" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" VIEWASTEXT>' objtxt+='<PARAM NAME="_cx" VALUE="14552">' objtxt+='<PARAM NAME="_cy" VALUE="10583">' objtxt+='<PARAM NAME="FlashVars" VALUE="">' objtxt+='<PARAM NAME="Movie" VALUE="'+url+'">' objtxt+='<PARAM NAME="Src" VALUE="'+url+'">' objtxt+='<PARAM NAME="WMode" VALUE="Window">' objtxt+='<PARAM NAME="Play" VALUE="-1">' objtxt+='<PARAM NAME="Loop" VALUE="-1">' objtxt+='<PARAM NAME="Quality" VALUE="High">' objtxt+='<PARAM NAME="SAlign" VALUE="">' objtxt+='<PARAM NAME="Menu" VALUE="-1">' objtxt+='<PARAM NAME="Base" VALUE="">' objtxt+='<PARAM NAME="AllowScriptAccess" VALUE="">' objtxt+='<PARAM NAME="Scale" VALUE="ShowAll">' objtxt+='<PARAM NAME="DeviceFont" VALUE="0">' objtxt+='<PARAM NAME="EmbedMovie" VALUE="0">' objtxt+='<PARAM NAME="BGColor" VALUE="">' objtxt+='<PARAM NAME="SWRemote" VALUE="">' objtxt+='<PARAM NAME="MovieData" VALUE="">' objtxt+='<PARAM NAME="SeamlessTabbing" VALUE="1">' objtxt+='<PARAM NAME="Profile" VALUE="0">' objtxt+='<PARAM NAME="ProfileAddress" VALUE="">' objtxt+='<PARAM NAME="ProfilePort" VALUE="0">' objtxt+='<embed src="'+url+'" width="'+w+'" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash">' objtxt+='</embed></OBJECT>' return objtxt}//生成SWF对象字符串数组函数var swfobject_array=new Array()function swfobjectarray(h,w,url,id){ swfobject_array[id]=swfobject(h,w,url)}var iIntervalId//click事件响应function $use(id){ clearInterval(iIntervalId); if ($(id+"_class1content").style.display==''){ $(id).innerHTML='展开'; $D2(id);///////////////收缩动作 } else{ $(id).innerHTML='收缩'; $(id+"_labe").innerHTML=swfobject_array[id]; $D(id);///////////////展开动作 }}//展开函数function $D(id){ var d=$(id+"_class1content"); var h=d.offsetHeight; var maxh=300; function dmove(){ h+=20; //设置层展开的速度 if(h>=maxh){ d.style.height='300px'; clearInterval(iIntervalId); }else{ d.style.display=''; d.style.height=h+'px'; } } iIntervalId=setInterval(dmove,2);}//收缩函数function $D2(id){ var d=$(id+"_class1content"); var h=d.offsetHeight; var maxh=300; function dmove(){ h-=5;//设置层收缩的速度 if(h<=0){ d.style.display='none'; $(id+"_labe").innerHTML=""; clearInterval(iIntervalId); }else{ d.style.height=h+'px'; } } iIntervalId=setInterval(dmove,2);}</script></head><body><div class="class1"><h1>靠自己=1</h1><span id="stateBut1" onclick="$use('stateBut1')">展开</span><p id="stateBut1_class1content" class="class1content" style="display:none"><label id="stateBut1_labe"><script>swfobjectarray("400","500","http://10.down.flashyc.com/swf/2007-1-13/212740979.swf","stateBut1")</script></label></p></div><div class="class1"><h1>靠自己=2</h1><span id="stateBut2" onclick="$use('stateBut2')">展开</span><p id="stateBut2_class1content" class="class1content" style="display:none"><label id="stateBut2_labe"><script>swfobjectarray("400","500","http://10.down.flashyc.com/swf/2007-1-13/212740979.swf","stateBut2")</script></label></p></div></body></html>

投稿

能否用显示/隐藏层来控制FLASH播放与停止

猜你喜欢