遍取ID显示隐藏层

发布:lydi | 发布时间:2008-11-10 14:46:10 | Tags: 隐藏层

DVD上鼠标移到标题上，下面就会显示剧照和简单介绍。很实用，没来得及仔细分析他的javasrcipt，网上找了个代码充个数先。

<!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>遍取ID显示隐藏层</title>

<style type="text/css">
#ff{height:600px}
#eeee a:visited{text-decoration:none; font-size:12px; color:#999999}
</style>
</head>

<script language="javascript">
function opendiv(div_id)
{
  if(div_id.style.display=="none")
     {
      for(var i=0;i<document.getElementById("wholediv").childNodes.length;i++)
        {
        var obj=document.getElementById("wholediv").childNodes[i];
     if(obj.tagName=="DIV")
         {
         obj.style.display="none";
       }
    }
     
     div_id.style.display="";
 
  }
  else 
     {
      for(var i=0;i<document.getElementById("wholediv").childNodes.length;i++)
        {
        var obj=document.getElementById("wholediv").childNodes[i];
     if(obj.tagName=="DIV")
         {
         obj.style.display="none";
       }
    }
  }
}
</script>
<body>
<div id="wholediv">
<a  onclick="javascript:opendiv(d1)">aaaa</a><br /><div id="d1" style="display:none; background-color:#99CC66; height:900px; width:300px;">hgfhsdfasdfasdfsadfsdfsdfasdfasdfsdfasdfsdfsdf</div>
<a  onclick="javascript:opendiv(d2)">aaaa</a><br /><div id="d2" style="display:none; background-color:#99CC66; height:900px; width:300px;">hgfhsdfasdfasdfsadfsdfsdfasdfasdfsdfasdfsdfsdf</div>
</div>
</div>
</body>
</html>

点注册时弹出新窗口显示隐藏的层↑上一篇
已经没有了↓下一篇

分类:学习研究 | 评论:0 | 引用:0 | 浏览:

本文地址:http://www.ddyx.com/xuexi/36.htm
引用地址:点击获取TrackBack

暂时木有!!

点点印象

遍取ID显示隐藏层

发布:lydi | 发布时间:2008-11-10 14:46:10 | Tags: 隐藏层

分类:学习研究 | 评论:0 | 引用:0 | 浏览:

相关文章

Make a search !!

Categories

What's new !!

Hot hits !!