1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2 <html xmlns="http://www.w3.org/1999/xhtml">
3 <head>
4 <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
5 <title>兼容火狐的自由展开闭合的层--青蛙实战|JS特效学院http://www.jsweb8.cn/</title>
6 <script language="javascript" type="text/javascript">
7 function k(vd)
8 {
9 var ob=document.getElementById(vd);
10 if(ob.style.display=="block")
11 {
12 ob.style.display="none";
13 var ob2=document.getElementById('s'+vd);
14 ob2.style.backgroundImage="url(http://www.jsweb8.cn/jsweb8/images/jia.gif)";
15 }
16 else
17 {
18 ob.style.display="block";
19 var ob2=document.getElementById('s'+vd);
20 ob2.style.backgroundImage="url(http://www.jsweb8.cn/jsweb8/images/jian.gif)";
21 }
22 }
23 //DESIGN BY 穿皮鞋的青蛙
24 //QQ:66118181
25 //欢迎光临JS特效学院http://www.jsweb8.cn/
26 </script>
27 <style type="text/css">
28 a{color: #000000;text-decoration: none;}
29 a:hover{color: #ff0000;text-decoration: underline;}
30 body{font-size:12px;}
31 .p{margin-left:10px;}
32 .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 }
33 .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 ;}
34 .vessel{padding: 0; width:750px; margin:0 auto}
35 </style>
36 </head>
37
38 <body >
39 <div class="vessel">
40
41 <div class="title" id="st1" onclick="k('t1')"><a href="#" onFocus="blur()"> [10/11/2008]第一条标题</a></div>
42 <div class="content" id="t1">
43 <p><a href="http://www.jsweb8.cn/" target="_blank">第一条内容</a></p>
44 <p><a href="http://www.jsweb8.cn/" target="_blank">第一条内容</a></p>
45 </div>
46 <div class="title" id="st2" onclick="k('t2')"><a href="#" onFocus="blur()"> [27/10/2008]第二条标题</a></div>
47 <div class="content" id="t2">
48 <p><a href="http://www.jsweb8.cn/" target="_blank">第二条内容</a></p><p><a href="http://www.jsweb8.cn/" target="_blank">第二条内容</a></p>
49 </div>
50 <div class="title" id="st3" onclick="k('t3')"><a href="#" onFocus="blur()"> [13/09/2008]第三条标题</a></div>
51 <div class="content" id="t3">
52 <p><a href="http://www.jsweb8.cn/" target="_blank">第三条内容</a></p>
53 <p><a href="http://www.jsweb8.cn/" target="_blank">第三条内容</a></p>
54
55 </div>
56 <div class="title" id="st4" onclick="k('t4')"><a href="#" onFocus="blur()"> [13/09/2008]第四条标题</a></div>
57 <div class="content" id="t4">
58 <p><a href="http://www.jsweb8.cn/" target="_blank">第四条内容</a></p>
59 <p><a href="http://www.jsweb8.cn/" target="_blank">第四条内容</a></p>
60
61 </div>
62
63 <div class="title" id="st5" onclick="k('t5')"><a href="#" onFocus="blur()">[01/10/2008]第五条标题</a></div>
64 <div class="content" id="t5">
65 <p><a href="http://www.jsweb8.cn/" target="_blank">第五条内容</a></p>
66 <p><a href="http://www.jsweb8.cn/" target="_blank">第五条内容</a></p>
67
68 </div>
69
70 </div>
71
72 尊重他人劳动成果，转载请注明来源<a href="http://www.jsweb8.cn/" target="_blank">JS特效学院</a>
73 </body>
74 </html>
2 <html xmlns="http://www.w3.org/1999/xhtml">
3 <head>
4 <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
5 <title>兼容火狐的自由展开闭合的层--青蛙实战|JS特效学院http://www.jsweb8.cn/</title>
6 <script language="javascript" type="text/javascript">
7 function k(vd)
8 {
9 var ob=document.getElementById(vd);
10 if(ob.style.display=="block")
11 {
12 ob.style.display="none";
13 var ob2=document.getElementById('s'+vd);
14 ob2.style.backgroundImage="url(http://www.jsweb8.cn/jsweb8/images/jia.gif)";
15 }
16 else
17 {
18 ob.style.display="block";
19 var ob2=document.getElementById('s'+vd);
20 ob2.style.backgroundImage="url(http://www.jsweb8.cn/jsweb8/images/jian.gif)";
21 }
22 }
23 //DESIGN BY 穿皮鞋的青蛙
24 //QQ:66118181
25 //欢迎光临JS特效学院http://www.jsweb8.cn/
26 </script>
27 <style type="text/css">
28 a{color: #000000;text-decoration: none;}
29 a:hover{color: #ff0000;text-decoration: underline;}
30 body{font-size:12px;}
31 .p{margin-left:10px;}
32 .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 }
33 .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 ;}
34 .vessel{padding: 0; width:750px; margin:0 auto}
35 </style>
36 </head>
37
38 <body >
39 <div class="vessel">
40
41 <div class="title" id="st1" onclick="k('t1')"><a href="#" onFocus="blur()"> [10/11/2008]第一条标题</a></div>
42 <div class="content" id="t1">
43 <p><a href="http://www.jsweb8.cn/" target="_blank">第一条内容</a></p>
44 <p><a href="http://www.jsweb8.cn/" target="_blank">第一条内容</a></p>
45 </div>
46 <div class="title" id="st2" onclick="k('t2')"><a href="#" onFocus="blur()"> [27/10/2008]第二条标题</a></div>
47 <div class="content" id="t2">
48 <p><a href="http://www.jsweb8.cn/" target="_blank">第二条内容</a></p><p><a href="http://www.jsweb8.cn/" target="_blank">第二条内容</a></p>
49 </div>
50 <div class="title" id="st3" onclick="k('t3')"><a href="#" onFocus="blur()"> [13/09/2008]第三条标题</a></div>
51 <div class="content" id="t3">
52 <p><a href="http://www.jsweb8.cn/" target="_blank">第三条内容</a></p>
53 <p><a href="http://www.jsweb8.cn/" target="_blank">第三条内容</a></p>
54
55 </div>
56 <div class="title" id="st4" onclick="k('t4')"><a href="#" onFocus="blur()"> [13/09/2008]第四条标题</a></div>
57 <div class="content" id="t4">
58 <p><a href="http://www.jsweb8.cn/" target="_blank">第四条内容</a></p>
59 <p><a href="http://www.jsweb8.cn/" target="_blank">第四条内容</a></p>
60
61 </div>
62
63 <div class="title" id="st5" onclick="k('t5')"><a href="#" onFocus="blur()">[01/10/2008]第五条标题</a></div>
64 <div class="content" id="t5">
65 <p><a href="http://www.jsweb8.cn/" target="_blank">第五条内容</a></p>
66 <p><a href="http://www.jsweb8.cn/" target="_blank">第五条内容</a></p>
67
68 </div>
69
70 </div>
71
72 尊重他人劳动成果，转载请注明来源<a href="http://www.jsweb8.cn/" target="_blank">JS特效学院</a>
73 </body>
74 </html>
把每一件简单的事情做好，就是不简单；把每一件平凡的事情做好，就是不平凡。
