87,904
社区成员
发帖
与我相关
我的任务
分享高分求解DHTML的难题
现在需要在网页上显示一个播放影视文件的ActiveX控件，但是我并不想页面刚加载便显示此控件，而是在缓冲完成后才显示此控件，缓冲完成之前在本该显示控件的地方显示一个广告。
我尝试了两种方法，都没有成功。第一种是使用两个层，一个放广告，一个放控件，使用display='none'和display=''来实现页面初次加载时显示广告层，点击播放按钮并缓冲完成后显示控件层。但是我发现如果设置display='none'，则控件并没有加载，所以点击播放按钮时调用其函数不成功。此方法未能实现。
第二种方式如下：
<html>
<head>
<script language="JavaScript" type="text/JavaScript">
<!--
function load()
{
document.all['Layer1'].style.display='none';
document.getElementById('Layer2').style.left='11px';
document.getElementById('Layer2').style.top='16px';
document.getElementById('Layer2').style.width='500px';
document.getElementById('Layer2').style.height='375';
}
//-->
</script>
</head>
<body>
<table width="10" height="10" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="10"><div id="Layer1" style="width:500px; height:375px; z-index:1; background-color: #FF0000; layer-background-color: #FF0000; border: 1px none #000000;"></div></td>
</tr>
<tr>
<td>
<br><br><br><br>
<input type="button" value="click" onClick="load()"><input type="button" value="click2" onClick="load()">
</td>
</tr>
</table>
<input type="button" value="click" onClick="load()">
<div id="Layer2" style="position:absolute; width:500px; height:375px; z-index:1; left: -9999px; top: -9999px; background-color: #FF0000; layer-background-color: #FF0000; border: 1px none #000000;"><!--此处放置控件，略去--></div>
</body>
</html>
也就是在开始将layer2放置在页面之外，在播放的时候可以移到页面之中，可以做到开始的时候页面不显示控件却可以加载控件的目的。这样做可以成功用layer2覆盖layer1,但是却奇怪的发现页面上的几个按钮一块消失了。我对DHTML不是很熟，希望高手可以帮我答疑解惑，或者有什么更好的方法？
我尝试了两种方法，都没有成功。第一种是使用两个层，一个放广告，一个放控件，使用display='none'和display=''来实现页面初次加载时显示广告层，点击播放按钮并缓冲完成后显示控件层。但是我发现如果设置display='none'，则控件并没有加载，所以点击播放按钮时调用其函数不成功。此方法未能实现。
第二种方式如下：
<html>
<head>
<script language="JavaScript" type="text/JavaScript">
<!--
function load()
{
document.all['Layer1'].style.display='none';
document.getElementById('Layer2').style.left='11px';
document.getElementById('Layer2').style.top='16px';
document.getElementById('Layer2').style.width='500px';
document.getElementById('Layer2').style.height='375';
}
//-->
</script>
</head>
<body>
<table width="10" height="10" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="10"><div id="Layer1" style="width:500px; height:375px; z-index:1; background-color: #FF0000; layer-background-color: #FF0000; border: 1px none #000000;"></div></td>
</tr>
<tr>
<td>
<br><br><br><br>
<input type="button" value="click" onClick="load()"><input type="button" value="click2" onClick="load()">
</td>
</tr>
</table>
<input type="button" value="click" onClick="load()">
<div id="Layer2" style="position:absolute; width:500px; height:375px; z-index:1; left: -9999px; top: -9999px; background-color: #FF0000; layer-background-color: #FF0000; border: 1px none #000000;"><!--此处放置控件，略去--></div>
</body>
</html>
也就是在开始将layer2放置在页面之外，在播放的时候可以移到页面之中，可以做到开始的时候页面不显示控件却可以加载控件的目的。这样做可以成功用layer2覆盖layer1,但是却奇怪的发现页面上的几个按钮一块消失了。我对DHTML不是很熟，希望高手可以帮我答疑解惑，或者有什么更好的方法？
...全文
请发表友善的回复…
发表回复
aniude 2006-02-26
- 打赏
- 举报
在里面放一个<object>的控件,然后进行判断
laochake 2006-02-26
- 打赏
- 举报
把这句注释掉就可以了:
document.all['Layer1'].style.display='none';
或者把<td height="10"><div id="Layer1"…………
改为：<td height="375"><div id="Layer1"…………
按钮消失的原因：Layer1所在的td高度为10，当Layer1可见的时候td被撑开为375px
当Layer1不可见的时候td又收缩到10，所以按钮的位置也跟着上升，就被Layer2覆盖了
document.all['Layer1'].style.display='none';
或者把<td height="10"><div id="Layer1"…………
改为：<td height="375"><div id="Layer1"…………
按钮消失的原因：Layer1所在的td高度为10，当Layer1可见的时候td被撑开为375px
当Layer1不可见的时候td又收缩到10，所以按钮的位置也跟着上升，就被Layer2覆盖了
梅雪香 2006-02-26
- 打赏
- 举报
http://meixx.nonamexz.com
这是我的主页,上页有使用MP,不显示也能加载播放啊.
参考一下吧
这是我的主页,上页有使用MP,不显示也能加载播放啊.
参考一下吧
sand1602 2006-02-26
- 打赏
- 举报
使用net_lover(孟子E章)的方法，效果不错。laochake(老茶客)也说得很对。马上结帖。
kaijier 2006-02-26
- 打赏
- 举报
顶
sand1602 2006-02-26
- 打赏
- 举报
感觉laochake(老茶客)和net_lover(孟子E章)的方法都应该可以，我试试看。好久没到csdn了，还是csdn社区热情啊。
dreadknightll 2006-02-26
- 打赏
- 举报
楼上方法可以一试
孟子E章 2006-02-26
- 打赏
- 举报
你可以用object height=1 width=1进行隐藏试试
