兼容火狐的自由展开闭合的层 不指定

jed , 2012-8-15 10:28 , 代码编程 , 评论(0) , 阅读(6197) , Via 本站原创 | |
兼容火狐的自由展开闭合的层
[code]
<!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>兼容火狐的自由展开闭合的层--青蛙实战&#124;JS特效学院http://www.jsweb8.cn/</title>
<script language="javascript" type="text/javascript">
function k(vd)
{
  var ob=document.getElementById(vd);  
  if(ob.style.display=="block")
  {
     ob.style.display="none";
     var ob2=document.getElementById('s'+vd);
     ob2.style.backgroundImage="url(http://www.jsweb8.cn/jsweb8/images/jia.gif)";
  }
  else
  {
    ob.style.display="block";
    var ob2=document.getElementById('s'+vd);
    ob2.style.backgroundImage="url(http://www.jsweb8.cn/jsweb8/images/jian.gif)";
  }
}
//DESIGN BY 穿皮鞋的青蛙
//QQ:66118181
//欢迎光临JS特效学院http://www.jsweb8.cn/
</script>
<style type="text/css">
a{color: #000000;text-decoration: none;}
a:hover{color: #ff0000;text-decoration: underline;}
body{font-size:12px;}
.p{margin-left:10px;}
.content{ padding-left:20px;display:none; width:739px; background-color:#f8f8f8;border:#dedede solid 1px; height:auto; overflow:hidden; margin:4px auto; line-height:22px }
.title{cursor:pointer;background-position: 4px;line-height:25px;padding-left:20px;height:25px;width:739px;border:#dedede solid 1px;background-color:#f8f8f8;background-image: url(http://www.jsweb8.cn/jsweb8/images/jia.gif);background-repeat: no-repeat;margin:5px auto ;}
.vessel{padding: 0; width:750px; margin:0 auto}
</style>
</head>

<body >
<div class="vessel">

<div class="title" id="st1" onclick="k('t1')"><a href="#" onFocus="blur()"> [10/11/2008]第一条标题</a></div>
<div class="content" id="t1">
<p><a href="http://www.jsweb8.cn/" target="_blank">第一条内容</a></p>
<p><a href="http://www.jsweb8.cn/" target="_blank">第一条内容</a></p>
</div>
<div class="title" id="st2" onclick="k('t2')"><a href="#" onFocus="blur()"> [27/10/2008]第二条标题</a></div>
<div class="content" id="t2">
<p><a href="http://www.jsweb8.cn/" target="_blank">第二条内容</a></p><p><a href="http://www.jsweb8.cn/" target="_blank">第二条内容</a></p>
</div>
<div class="title" id="st3" onclick="k('t3')"><a href="#" onFocus="blur()"> [13/09/2008]第三条标题</a></div>
<div class="content" id="t3">
<p><a href="http://www.jsweb8.cn/" target="_blank">第三条内容</a></p>
<p><a href="http://www.jsweb8.cn/" target="_blank">第三条内容</a></p>

</div>
<div class="title" id="st4" onclick="k('t4')"><a href="#" onFocus="blur()"> [13/09/2008]第四条标题</a></div>
<div class="content" id="t4">
<p><a href="http://www.jsweb8.cn/" target="_blank">第四条内容</a></p>
<p><a href="http://www.jsweb8.cn/" target="_blank">第四条内容</a></p>

</div>

<div class="title" id="st5" onclick="k('t5')"><a href="#" onFocus="blur()">[01/10/2008]第五条标题</a></div>
<div class="content" id="t5">
<p><a href="http://www.jsweb8.cn/" target="_blank">第五条内容</a></p>
<p><a href="http://www.jsweb8.cn/" target="_blank">第五条内容</a></p>

</div>

</div>

尊重他人劳动成果,转载请注明来源<a href="http://www.jsweb8.cn/" target="_blank">JS特效学院</a>
</body>
</html>

[/coe]
发表评论

昵称

网址

电邮

打开HTML 打开UBB 打开表情 隐藏 记住我 [登入] [注册]