/*---DW8 www.DW8.ORG---*/
<!--
body {
background-color: #0066FF;
}
#div1
{
position:absolute;
/*---这里定义层不随表格透明而透明
这样就可以使表格透明的时候表格里的
内容和图片不跟着透明了---*/
}
table
{
background-color:#FFFFFF;
filter:alpha(opacity=50,Style=0);
/*---定义透明度,和淡化的风格
opacity为透明度，值越大透明度越小
style是透明淡化的风格
0 普通透明
1 从左到右渐变淡化
2 圆形像两边淡化
3 星状渐变淡化
默认不设置style参数为0
这个效果同样可以用再图片上
---*/
width:300;
height:300;
/*---这里一定要定义宽度和高度---*/
}
-->
</style>
<script>
function list(obj)
http://www.dw8.org Dreamweaver cs3 专业网站
{
if(obj.checked)
{
document.getElementById('tab1').style.display='';
}
else
{
document.getElementById('tab1').style.display='none';
}
}
</script>
<script>
function show(s)
{
if(s==1)
{
document.getElementById('tab1').style.display='';
}
else
{
document.getElementById('tab1').style.display='none'; http://www.dw8.org dw专业网站
}
}
</script>
<body>
<INPUT type="checkbox" name="checkbox" onclick='list(this);'>
<input type="submit" name="bt1" id="bt1" value="显示" onclick='show(1);'/>
<input type="submit" name="bt1" id="bt1" value="隐藏" onclick='show(2);'/>
<input type="submit" name="bt1" id="bt1" value="移入显示，移开隐藏" onmouseover="show(1);" onMouseOut="show(2)" />
<table bgcolor="#0000FF" style="display:" id="tab1">
<tr>
<td><div id="div1">
<p>DIV层里的内容</p>
<p><img src="http://www.baidu.com/img/logo.gif" width="174" height="59" /></p> http://www.dw8.org Dreamweaver 专业网站
</div></td>
</tr>
</table>
</body>