點擊后慢慢彈出下拉菜單效果代碼(欄目管理常用)

更新時間：2010年07月14日 19:28:55 作者：

點擊后慢慢彈出下拉菜單，sky整理收集。

<!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" /> <meta name="keywords" content="站長,網(wǎng)頁特效,js特效,廣告代碼,zzjs,jb51.net,sky,chabaoo.cn,站長特效 網(wǎng)" /> <meta name="description" content="chabaoo.cn,jb51.net，站長必備js特效及廣告代碼。大量高質(zhì)量js特效，提供高質(zhì)量廣告代碼下載,盡在jb51.net" /> <title>點擊后慢慢彈出下拉菜單，sky整理收集。</title>  <style type="text/css">  </style> </head> <body onload="new Accordian('basic-accordian',5,'header_highlight');"> <a href="<#ZC_BLOG_HOST#>">jb51.net</a>,站長必備的高質(zhì)量網(wǎng)頁特效和廣告代碼。jb51.net，站長js特效。<hr>  <div   id="ublnpf9mb"   class="main"> <div   class="ublnpf9mb"   id="basic-accordian" > <div   class="ublnpf9mb"   id="test-header" class="accordion_headings" >網(wǎng)站首頁</div> <div   class="ublnpf9mb"   id="test-content"> <div   id="ublnpf9mb"   class="accordion_child"> <ul><li><a >腳本之家</a></li> <li><a href="http://chabaoo.cn/jiaoben/">網(wǎng)頁特效</a></li> </ul> </div> </div> <div   class="ublnpf9mb"   id="test1-header" class="accordion_headings" >學院概況</div> <div   class="ublnpf9mb"   id="test1-content"> <div   id="ublnpf9mb"   class="accordion_child"> <ul><li><a >廣告代碼</a></li> <li><a >網(wǎng)頁特效</a></li> <li><a href="#">教學設施</a></li> <li><a href="#">劉曉陽校長介紹</a></li> <li><a href="#">優(yōu)良師資</a></li> <li><a href="#">資質(zhì)認證與榮譽</a></li> </ul> </div></div> <div   class="ublnpf9mb"   id="test2-header" class="accordion_headings" >專業(yè)設置</div>  <div   class="ublnpf9mb"   id="test2-content"> <div   id="ublnpf9mb"   class="accordion_child"> <ul> <li><a href="#">形象設計 (大學?？?</a></li> <li><a href="#">化妝造型</a></li> <li><a href="#">美容</a></li> <li><a href="#">美發(fā)</a></li> <li><a href="#">美甲</a></li> </ul></div></div> <div   class="ublnpf9mb"   id="test3-header" class="accordion_headings" >國際文憑課程</div> <div   class="ublnpf9mb"   id="test3-content"> <div   id="ublnpf9mb"   class="accordion_child"> <ul><li><a href="#">cidesco圣迪斯哥</a></li> <li><a href="#">city & gulids國際美容師</a></li> <li><a href="#">cibtac國際美容師</a></li> <li><a href="#">srh國際發(fā)型師</a></li> <li><a href="#">itec國際專業(yè)時裝、舞臺、媒體化妝師</a></li> </ul></div></div> <div   class="ublnpf9mb"   id="test4-header" class="accordion_headings" >師生經(jīng)典作品</div>  <div   class="ublnpf9mb"   id="test4-content"> <div   id="ublnpf9mb"   class="accordion_child"> <ul> <li><a href="#">形象設計</a></li> <li><a href="#">化妝造型</a></li> <li><a href="#">美容</a></li> <li><a href="#">美發(fā)</a></li> <li><a href="#">美甲</a></li> </ul> </div></div> <div   class="ublnpf9mb"   id="test5-header" class="accordion_headings" >在線視頻</div> <div   class="ublnpf9mb"   id="test5-content"> <div   id="ublnpf9mb"   class="accordion_child"> <ul> <li><a href="#">學院介紹視頻</a></li> <li><a href="#">活動視頻</a></li> <li><a href="#">考試現(xiàn)場視頻</a></li> </ul> </div></div> <div   class="ublnpf9mb"   id="test6-header" class="accordion_headings" >蒙妮坦精英學員</div> <div   class="ublnpf9mb"   id="test6-content"> <div   id="ublnpf9mb"   class="accordion_child"> <ul> <li><a >留言本</a></li> <li><a href="#">形象設計大學?？飘厴I(yè)生</a></li> <li><a href="#">cidesco美容博士人才</a></li> <li><a href="#">作育英才時代見證(1981-2000年)</a></li> </ul> </div></div> <div   class="ublnpf9mb"   id="test7-header" class="accordion_headings" >招生信息</div> <div   class="ublnpf9mb"   id="test7-content"> <div   id="ublnpf9mb"   class="accordion_child"> <ul> <li><a href="#">2008年招生簡章</a></li> <li><a href="#">報名方式</a></li> <li><a href="#">報名須知</a></li> <li><a href="#">在線報名</a></li> </ul> </div></div> <div   class="ublnpf9mb"   id="test8-header" class="accordion_headings" >咨詢留言</div> <div   class="ublnpf9mb"   id="test8-content"> <div   id="ublnpf9mb"   class="accordion_child"> <ul> <li><a >留言本</a></li> <li><a href="#">常見問題</a></li> <li><a href="#">在線留言</a></li> <li><a href="#">聯(lián)系我們</a></li> </ul> </div></div> </div> </div> </body> </html>

[Ctrl+A 全選注:引入外部Js需再刷新一下頁面才能執(zhí)行]