点击后慢慢弹出下拉菜单效果代码(栏目管理常用)

点击后慢慢弹出下拉菜单，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="站长,网页特效,js特效,广告代码,zzjs,0133.cn,sky,www.0133.cn,站长特效 网"/><meta name="description" content="www.0133.cn,0133.cn，站长必备js特效及广告代码。大量高质量js特效，提供高质量广告代码下载,尽在0133.cn"/><title>点击后慢慢弹出下拉菜单，sky整理收集。</title><style type="text/css"> </style></head><body onload="new Accordian('basic-accordian',5,'header_highlight');"> <a href="<#ZC_BLOG_HOST#>">0133.cn</a>,站长必备的高质量网页特效和广告代码。0133.cn，站长js特效。<hr><div class="main"> <div id="basic-accordian"><div id="test-header" class="accordion_headings">网站首页</div><div id="test-content"> <div class="accordion_child"> <ul><li><a href="http://0133.cn">html中文网</a></li><li><a href="https://www.0133.cn/jiaoben/">网页特效</a></li></ul></div></div><div id="test1-header" class="accordion_headings">学院概况</div><div id="test1-content"> <div class="accordion_child"> <ul><li><a href="http://0133.cn/?Cat=11">广告代码</a></li><li><a href="http://0133.cn/?Cat=2">网页特效</a></li><li><a href="#">教学设施</a></li><li><a href="#">刘晓阳校长介绍</a></li><li><a href="#">优良师资</a></li><li><a href="#">资质认证与荣誉</a></li></ul></div></div><div id="test2-header" class="accordion_headings">专业设置</div><div id="test2-content"> <div class="accordion_child"> <ul> <li><a href="#">形象设计 (大学专科)</a></li><li><a href="#">化妆造型</a></li><li><a href="#">美容</a></li><li><a href="#">美发</a></li><li><a href="#">美甲</a></li></ul></div></div><div id="test3-header" class="accordion_headings">国际文凭课程</div><div id="test3-content"> <div 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国际发型师</a></li><li><a href="#">itec国际专业时装、舞台、媒体化妆师</a></li></ul></div></div><div id="test4-header" class="accordion_headings">师生经典作品</div><div id="test4-content"> <div class="accordion_child"> <ul> <li><a href="#">形象设计</a></li><li><a href="#">化妆造型</a></li><li><a href="#">美容</a></li><li><a href="#">美发</a></li><li><a href="#">美甲</a></li></ul></div></div><div id="test5-header" class="accordion_headings">在线视频</div><div id="test5-content"> <div class="accordion_child"> <ul> <li><a href="#">学院介绍视频</a></li><li><a href="#">活动视频</a></li><li><a href="#">考试现场视频</a></li></ul></div></div><div id="test6-header" class="accordion_headings">蒙妮坦精英学员</div><div id="test6-content"> <div class="accordion_child"> <ul> <li><a href="http://0133.cn/">留言本</a></li><li><a href="#">形象设计大学专科毕业生</a></li><li><a href="#">cidesco美容博士人才</a></li><li><a href="#">作育英才时代见证(1981-2000年)</a></li></ul></div></div><div id="test7-header" class="accordion_headings">招生信息</div><div id="test7-content"> <div 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 id="test8-header" class="accordion_headings">咨询留言</div><div id="test8-content"> <div class="accordion_child"> <ul> <li><a href="http://0133.cn/">留言本</a></li><li><a href="#">常见问题</a></li><li><a href="#">在线留言</a></li><li><a href="#">联系我们</a></li></ul></div></div></div></div></body></html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

以上就是点击后慢慢弹出下拉菜单效果代码(栏目管理常用)的详细内容，更多请关注0133技术站其它相关文章！