打印

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

snusrtgg [楼主]

初级会员

帖子: 48
体力: 103
威望: 0
离线: 7 天

1^# 大中小发表于 2007-11-15 23:42

新手，看到很多网页上有显示/隐藏的菜单，可以显示隐藏层的同时控制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);
}
function $D2(){
var d=$('class1content');
var h=d.offsetHeight;
var maxh=300;
function dmove(){
h-=5;//设置层收缩的速度
if(h<=0){
d.style.display='none';
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'){
$D();
sb.innerHTML='展开';
}else{
$D2();
sb.innerHTML='收缩';
}
}
</script>
</head>
<body>
<div class="class1">
<h1>靠自己</h1>
<span id="stateBut" onclick="$use()">展开</span>
<p id="class1content"><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://cncb.100flash.cn/music/UploadFile/2007-10/2007102423591824.swf">
													<PARAM NAME="Src" VALUE="http://cncb.100flash.cn/music/UploadFile/2007-10/2007102423591824.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://cncb.100flash.cn/music/UploadFile/2007-10/2007102423591824.swf' width="550" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash">
													</embed>
												</OBJECT>
</div>
</body>
</html>

提示：您可以先修改部分代码再运行

TOP

西部数码VPS主机1G内存仅266元

caiying2007

版主

帖子: 2982
体力: 5717
威望: 10
离线: 133 天

2^# 大中小发表于 2007-11-16 00:17

<!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='展开';
}
}
</script>
</head>
<body>
<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://cncb.100flash.cn/music/UploadFile/2007-10/2007102423591824.swf">
													<PARAM NAME="Src" VALUE="http://cncb.100flash.cn/music/UploadFile/2007-10/2007102423591824.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://cncb.100flash.cn/music/UploadFile/2007-10/2007102423591824.swf' width="550" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash">
													</embed>
												</OBJECT></label></p>
</div>
</body>
</html>

提示：您可以先修改部分代码再运行

TOP

广州周立功诚聘—平面/网页/UI/工业设计师 | 天业互联-酷睿租用599￥

snusrtgg [楼主]

初级会员

帖子: 48
体力: 103
威望: 0
离线: 7 天

3^# 大中小发表于 2007-11-16 00:19

楼上的朋友，为何不做任何回答呢？热心的朋友，能否帮帮我

TOP

认证您的手机，获得手机认证图标

，更多手机认证的好处

caiying2007

版主

帖子: 2982
体力: 5717
威望: 10
离线: 133 天

4^# 大中小发表于 2007-11-16 02:51

引用:

原帖由 snusrtgg 于 2007-11-16 00:19 发表
楼上的朋友，为何不做呢？热心的朋友，能否帮帮我

任何回答???
---请先试试看吗
-------------------------
更正:--请先试试"听"吗--"收缩"以后

[ 本帖最后由 caiying2007 于 2007-11-16 02:53 编辑 ]

TOP

用CSS布局建站从零开始 | Photoshop中打造史诗般梦幻场景 | 05年第一次软件行业创业的惨痛教训

snusrtgg [楼主]

初级会员

帖子: 48
体力: 103
威望: 0
离线: 7 天

5^# 大中小发表于 2007-11-16 08:29

谢谢你 caiying2007

真的是没有注意到，对此说声抱歉
只是，不知你有没有注意到，我上面共提到两个问题

还有一个问题没有解决：就是能否在刚打开网页时它是折叠的？？？
再次说声谢谢

TOP

caiying2007

版主

帖子: 2982
体力: 5717
威望: 10
离线: 133 天

6^# 大中小发表于 2007-11-16 09:02

客气

－－－－－－－－
<body onload="$use()">

TOP

caiying2007

版主

帖子: 2982
体力: 5717
威望: 10
离线: 133 天

7^# 大中小发表于 2007-11-16 09:09

或：

<!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://cncb.100flash.cn/music/UploadFile/2007-10/2007102423591824.swf">
													<PARAM NAME="Src" VALUE="http://cncb.100flash.cn/music/UploadFile/2007-10/2007102423591824.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://cncb.100flash.cn/music/UploadFile/2007-10/2007102423591824.swf' width="550" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash">
													</embed>
												</OBJECT></label></p>
</div>
</body>
</html>

提示：您可以先修改部分代码再运行

TOP

snusrtgg [楼主]

初级会员

帖子: 48
体力: 103
威望: 0
离线: 7 天

8^# 大中小发表于 2007-11-16 10:10

谢谢实习版主，太好了，我太高兴了

再次深深地感谢！

TOP

sunritz

李杨

版主

认证
帖子: 838
体力: 1694
威望: 2
当前: 湖北武汉
离线: 1 天

专长 网页设计,Flash,前端制作

9^# 大中小发表于 2007-11-16 10:19

确实不错,前段时间我也在想这个问题，先做个记号.
另:为什么FF对这些效果就是支持不好呢,希望能再改进,在FF也显示正常就好了

[ 本帖最后由 sunritz 于 2007-11-16 10:22 编辑 ]

Hello,Yang!

TOP

yqlb

初级会员

帖子: 29
体力: 62
威望: 0

10^# 大中小发表于 2007-11-16 11:24

BO-BLOG里的好像能符合你的要求

TOP

weiwater

蓝色水滴

高级会员

帖子: 304
体力: 701
威望: 0
当前: 天津南开
离线: 127 天

11^# 大中小发表于 2007-11-16 11:32

效果不错，收藏了，谢谢caiying2007 ！

TOP

snusrtgg [楼主]

初级会员

帖子: 48
体力: 103
威望: 0
离线: 7 天

12^# 大中小发表于 2007-11-16 11:53

caiying2007你好，能否再帮帮我
现在的状况是在网页打开时FLASH自动折叠，需要手动播放，这很好

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

版主，帮人帮到底啊

－－－在线等

附：另一个FLASH的代码

提示：您可以先修改部分代码再运行

[ 本帖最后由 snusrtgg 于 2007-11-16 12:00 编辑 ]

TOP

sxnow

猴子

银牌会员

帖子: 496
体力: 1269
威望: 7
当前: 浙江杭州
离线: 40 天

专长 前端制作,PHP,ASP

13^# 大中小发表于 2007-11-16 12:11

可以考虑随机生成不同的ID..然后onclick="$use(ID)"去触发不同的Flash框框啊~

免费的域名&存储空间

TOP

hzwbl

山治

高级会员

帖子: 1173
体力: 958
威望: 0
当前: 山东济南
离线: 53 天

14^# 大中小发表于 2007-11-16 12:16

做得太好了，我以前找这方面的代码没找到过。

虚拟主机评测

TOP

snusrtgg [楼主]

初级会员

帖子: 48
体力: 103
威望: 0
离线: 7 天

15^# 大中小发表于 2007-11-16 12:21

引用:

原帖由 sxnow 于 2007-11-16 12:11 发表
可以考虑随机生成不同的ID..然后onclick="$use(ID)"去触发不同的Flash框框啊~

晕，我只会静态的HTML，所以谈不上随机生成不同的ID

caiying2007你好，能否再帮帮我
现在的状况是在网页打开时FLASH自动折叠，需要手动播放，这很好

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

版主，帮人帮到底啊－－－在线等

附：另一个FLASH的代码见 12#楼

[ 本帖最后由 snusrtgg 于 2007-11-16 12:26 编辑 ]

TOP

snusrtgg [楼主]

初级会员

帖子: 48
体力: 103
威望: 0
离线: 7 天

16^# 大中小发表于 2007-11-16 16:58

caiying2007似乎不在，但为何没有高手来回答我上面的问题？
不用ASP就达不到我上面所说的效果吗？

TOP

caiying2007

版主

帖子: 2982
体力: 5717
威望: 10
离线: 133 天

17^# 大中小发表于 2007-11-16 20:26

刚写完,

<!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://cncb.100flash.cn/music/UploadFile/2007-10/2007102423591824.swf"
//"400","500","http://218.78.215.37/comic/SWF/20071029_120537_125_873.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)
}
//click事件响应
function $use(id){
	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://cncb.100flash.cn/music/UploadFile/2007-10/2007102423591824.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://218.78.215.37/comic/SWF/20071029_120537_125_873.swf","stateBut2")
</script>
</label>
</p>
</div>
</body>
</html>

提示：您可以先修改部分代码再运行

TOP

wangruqin

初级会员

帖子: 37
体力: 79
威望: 0
离线: 5 天

18^# 大中小发表于 2007-11-16 22:40

有一个问题：我在FF下运行以上的代码，因为在点击展开收缩的过程中有释放效果的时间。如果在这个时间里连续的点击展开/收缩。那么好像就不灵光了。

例如：在收缩过程中点展开，展开失效。收缩完成后也失效。

TOP

caiying2007

版主

帖子: 2982
体力: 5717
威望: 10
离线: 133 天

19^# 大中小发表于 2007-11-17 01:02

这样行了吗？

<!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://cncb.100flash.cn/music/UploadFile/2007-10/2007102423591824.swf"
//"400","500","http://218.78.215.37/comic/SWF/20071029_120537_125_873.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://cncb.100flash.cn/music/UploadFile/2007-10/2007102423591824.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://218.78.215.37/comic/SWF/20071029_120537_125_873.swf","stateBut2")
</script>
</label>
</p>
</div>
</body>
</html>

提示：您可以先修改部分代码再运行

TOP

snusrtgg [楼主]

初级会员

帖子: 48
体力: 103
威望: 0
离线: 7 天

20^# 大中小发表于 2007-11-17 07:06

caiying2007你好，感觉你太伟大了，好崇拜你，不知该怎样感谢你才好

:) :)

无语。。。。

TOP

sunritz

李杨

版主

认证
帖子: 838
体力: 1694
威望: 2
当前: 湖北武汉
离线: 1 天

专长 网页设计,Flash,前端制作

21^# 大中小发表于 2007-11-17 11:25

请他吃饭，记得把我也叫上，嘿嘿

[ 本帖最后由 sunritz 于 2007-11-17 11:36 编辑 ]

Hello,Yang!

TOP