提示：您可以先修改部分代碼再運行
<!DOCTYPE http://www.111cn.net/js_a/javascript-dh/html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.111cn.net/js_a/javascript-dh/http://www.w3.org/TR/xhttp://www.111cn.net/js_a/javascript-dh/html1/DTD/xhttp://www.111cn.net/js_a/javascript-dh/html1-transitional.dtd"><http://www.111cn.net/js_a/javascript-dh/html xmlns="http://www.111cn.net/js_a/javascript-dh/http://www.w3.org/1999/xhttp://www.111cn.net/js_a/javascript-dh/html"><http://www.111cn.net/js_a/javascript-dh/head><meta http://www.111cn.net/js_a/javascript-dh/http-equiv="Content-Type" content="text/http://www.111cn.net/js_a/javascript-dh/html; chttp://www.111cn.net/js_a/javascript-dh/harset=utf-8" /><title>原生javascript效果：展開/收縮菜單 </title><meta name="keywords" content="展開菜單效果,收縮菜單效果" /><meta name="description" content="原生javascript效果：展開/收縮菜單" /><style type="text/css">.menu {widthttp://www.111cn.net/js_a/javascript-dh/h:200px; margin:20px auto; border:1px solid #ccc;}.menu http://www.111cn.net/js_a/javascript-dh/h3 {http://www.111cn.net/js_a/javascript-dh/heighttp://www.111cn.net/js_a/javascript-dh/ht:30px; line-http://www.111cn.net/js_a/javascript-dh/heighttp://www.111cn.net/js_a/javascript-dh/ht:30px; font-weighttp://www.111cn.net/js_a/javascript-dh/ht:bold; background:#333 url(sprite.png) no-repeat 180px 12px; cursor:pointer; text-indent:10px; color:#fff;}.menu http://www.111cn.net/js_a/javascript-dh/h3.on {background-position:180px -13px;}.menu ul {display:none; padding:10px; background:#eee;}.menu ul.on {display:block;}.menu ul li {http://www.111cn.net/js_a/javascript-dh/heighttp://www.111cn.net/js_a/javascript-dh/ht:26px; line-http://www.111cn.net/js_a/javascript-dh/heighttp://www.111cn.net/js_a/javascript-dh/ht:26px; border-bottom:1px dotted #ccc; text-indent:10px;}</style><script type="text/javascript">window.onload=function () {var oH3 = document.getElementById("http://www.111cn.net/js_a/javascript-dh/h3A");var oUl = document.getElementById("ulA");oH3.onclick=function () {if(thttp://www.111cn.net/js_a/javascript-dh/his.className == '') {thttp://www.111cn.net/js_a/javascript-dh/his.className = 'on';oUl.className = 'on';} else {thttp://www.111cn.net/js_a/javascript-dh/his.className = '';oUl.className = '';}};};</script></http://www.111cn.net/js_a/javascript-dh/head><body><div class="wrapper"><http://www.111cn.net/js_a/javascript-dh/h1>原生javascript效果：展開/收縮菜單</http://www.111cn.net/js_a/javascript-dh/h1><div class="menu"><http://www.111cn.net/js_a/javascript-dh/h3 id="http://www.111cn.net/js_a/javascript-dh/h3A">jquery特效</http://www.111cn.net/js_a/javascript-dh/h3><ul id="ulA"><li>jquery焦點圖</li><li>jquery選項卡</li><li>jquery表單驗證</li><li>jquery特效</li><li>jquery閃爍字</li></ul></div></div><!-- wrapper end --></body></http://www.111cn.net/js_a/javascript-dh/html></td> </tr></table>
提示：您可以先修改部分代碼再運行
