如何在html页面打开时隐藏表格

Hallo there 我有一些javascript代码，当我的鼠标移过链接时可以看到一个表格，当鼠标移出时隐藏。我遇到的问题是在页面打开时让表格“隐藏”。我怎么能做到这一点。这是我隐藏和显示表格的代码。如何在html页面打开时隐藏表格

<li onmouseout="hideMenu('families')" onmouseover="showMenu('families')" ><a href="#">Five Families</a> 
       <table class="slideDownOne" id="families" width="120px" border="1px" cellpadding="5px 0px 5px 0px"> 
        <tr><td><a href="#">Gambino</a></td></tr> 
        <tr><td><a href="#">Genovese</a></td></tr> 
        <tr><td><a href="#">Colombo</a></td></tr> 
        <tr><td><a href="#">Bonnano</a></td></tr> 
        <tr><td><a href="#">Luchhese</a></td></tr> 
       </table> 
      </li>

，这是一些JavaScript代码我用于隐藏和表中的放映

<script language="javascript"> 
     function showMenu(elmnt) 
     { 
      document.getElementById(elmnt).style.visibility="visible"; 
     } 
     function hideMenu(elmnt) 
     { 
      document.getElementById(elmnt).style.visibility="hidden"; 
     } 


    </script>

问候阿里安

来源

2011-07-03 Arianule

你为什么用表格来表示一个列表？ – You

你为什么要将文本包装到鼠标悬停在链接中，但在li上有鼠标悬停？将鼠标悬停并移出链接或将其删除 – mplungjan

使用style.display="none"和style.display="block"。

来源

2011-07-03 09:57:11 MLS

假设他不希望内容占用空间，以便在将鼠标悬停在提及的链接 – mplungjan

上时停止重新格式化该页面？无论如何，无论是能见度还是显示器都应该在他的李，一张或一张桌子上工作，但是他没有成功。 – MLS

他在CSS中使用可见，所以是提到 - 你根本没有回答这个问题，只是改变现有的代码来折叠html – mplungjan

<li style="visibility:visible;"

或使一个类CSS文件如

.demo 
{ 
visibility:visible; 
} 

<li class="demo" style="visibility:visible;"

来源

2011-07-03 09:58:10 Drake

你的意思是另一种方式 – mplungjan

这个属性添加到<body>标记您的HTML页面：onload="hideMenu('families')"

这比简单地设置了一个更好的解决方案样式隐藏起来，因为对于没有JavaScript的用户来说，这段代码永远不会执行，因此表格不会被隐藏。

如果您只是简单地将样式设置为隐藏，那么该表将永久隐藏给任何没有JavaScript的用户。

来源

2011-07-03 09:58:24 EdoDodo

添加内联事件处理程序是不好的做法。相反，我们window.onload或附加事件。 – mplungjan

您需要申请你通过JavaScript申请表本身相同的CSS：

#families { visibility:hidden }

，或者使用内联CSS：

<table style="visibility:hidden" class="slideDownOne" id="families" width="120px" border="1px" cellpadding="5px 0px 5px 0px"> 
... 
</table>

注意使用visibility特性，元素仍然占用文档中的空间。如果你不想这样，你需要的display属性来代替：

#families { display:none }

来源

2011-07-03 10:02:22

谢谢......这么简单......还在学习...... – Arianule

地址：

style="display:none;"

在表声明

然后在javascript：

window.onload = name('families'); 

function name(form){ 
    document.getElementById(elmnt).style.visibility="none"; 
}

来源

2014-04-30 09:43:28 Yatish

如何在html页面打开时隐藏表格

回答

相关问题