基于jQuery框架、玄色气魄威风凛凛的折叠菜单代码

发布时间：2018-08-14 00:49:54 所属栏目：创业来源：站长网

导读：基于 jQuery 框架的玄色气魄威风凛凛菜单导航，slideDown和slideUp做手风琴菜单面板的代码，也就是各人常说的折叠/睁开菜单，不少伴侣都喜好的气魄沤背同本代码兼容性好，简朴易懂，便于修改，但愿各人喜好。为办理一些网页殊效运行后不能表现结果（譬喻：jQuery则需

　　基于jQuery框架的玄色气魄威风凛凛菜单导航，slideDown和slideUp做手风琴菜单面板的代码，也就是各人常说的折叠/睁开菜单，不少伴侣都喜好的气魄沤背同本代码兼容性好，简朴易懂，便于修改，但愿各人喜好。

　　为办理一些网页殊效运行后不能表现结果（譬喻：jQuery则必要革新）题目，猛火出格新增网页版演示

　　网页演示：猛击此处

　　运行演示：

<!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>玄色气魄威风凛凛的折叠菜单（手风琴）结果 - Liehuo.Net</title> <style> *{ padding:0; margin:0; } body{ background:#fafafa; font-size:12px; } .slider{ line-height:24px; width:700px; color:#7ecef4; margin:10px auto; background:#010e16; } .slider dt{ background:#f5f5d2; padding-left:30px; cursor:pointer; overflow:hidden; background:#1b1b1b; border-bottom:1px solid #fff; height:32px; line-height:32px; } .slider dt.slider_open{background:#707070; color:# } .slider dd{ display:none; background:#f1f1ea; height:90px; background:#111; border-bottom:1px dashed #fafafa; overflow:hidden;} .slider dd p{ padding:10px 20px; overflow:hidden; } </style> <script type="text/javascript" src="/uploads/common/js/jquery-1.4.2.min.js"></script> <script> $(function(){ //初始化变量 var flag = 0; var $dt = $('.slider dt'); var $dd = $('.slider dd'); //初始化状态 $dd.eq(0).show(); $dt.eq(0).css('cursor','default'); //单击变乱 $dt.click(function(){ if($dt.index(this) == flag) return false; flag = $dt.index(this); $dd.not($dd.eq(flag)).slideUp(); $dd.eq(flag).slideDown(); $dt.eq(flag).css('cursor','default').addClass('slider_open'); $dt.not($dt.eq(flag)).css('cursor','pointer').removeClass('slider_open'); }); }); </script> </head> <body> <dl class="slider"> <dt class="slider_open">赵本山，央视春晚</dt> <dd><p>央视春晚台柱子赵本山在2011年央视春晚表演后，不得不接管紧张治疗。从个别人道角度祝愿这老爷子康健长命。但诺将其身材状况作为一种文化隐喻，它却预示着CCTV洗脑愚乐文化正面对无可若何花落去寿终正襟的运气。</p></dd> <dt>支持打拐</dt> <dd><p>据媒体报道，世界政协委员濮存昕也暗示对打拐的支持。他提议世界公安体系应尽快成立起一支专业的打拐步队，各地公安构造该当设立专门的打拐机构，配备须要的体例和专项经费。</p></dd> <dt>爱的真言</dt> <dd><p>我曾经喜好八八，强项只有八八才气给川儿幸福、只是最近几集，你让我情何故堪？打动，心疼，纠结，真的是不悲不喜了！此刻我的神色。。很惆怅、不知道应该选择八八照旧四四呢？</p></dd> <dt>留意保重身材</dt> <dd><p>还头痛吗？假如不是抱病引起的头痛,我一样平常会听听音乐,本身喜好的音乐,专心做本身的事当然是对的,但不要忽略本身的身材。</p></dd> </dl> </body> </html><br /><center>如不能表现结果，请按Ctrl+F5革新本页，更多网页代码：<a href='http://www.veryhuo.com/' target='_blank'>http://www.veryhuo.com/</a></center>
提醒：可修改儿女码再运行!

（编辑：湖南网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!

2021创业做什么好？低	香港虚拟主机，香港虚
《启航当风起时》起于	域名最网站至关重要如