仿YAHOO的一个小效果下拉效果_javascript技巧

<!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>隐藏/显示层</title> <style type="text/css">  </style> <script language="javascript" type="text/javascript">  </script> </head> <body>     <div class="class_title">          <h2 id="tabclass1" onclick="showClassList()" title="隐藏/显示信息">分类信息</h2>              </div>              <div id="class_cnt1">     <p>     1111111     111111111     1111111     111111111     1111111     111111111     1111111     111111111     1111111     111111111     1111111     111111111     111111111     <span style="display:none">8jpHTML5中文学习网 - HTML5先行者学习网</span></p>     </div> </body> </html>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

仿YAHOO的一个小效果 下拉效果_javascript技巧_

仿YAHOO的一个小效果下拉效果_javascript技巧_