<div class="codetitle"> <span><a style="CURSOR: pointer" data="68761" class="copybut" id="copybut68761" onclick="doCopy('code68761')"><u>复代码</u></a></span> 代码如下:</div> <div class="codebody" id="code68761"> <br><title>导航——点击弹出内容</title> <br> <style type="text/css"><br>.navgation{margin:0;padding:0;list-style-type:none;position:relative;}<br>.navgation li {float :왼쪽;}<br>.navgation a{패딩:3px 6px;배경색:주황색;색상:흰색;텍스트 장식:없음;float:left;height:24px;}<br>.navgation a:hover { 배경색:흰색;색상:파랑;텍스트-장식:밑줄;}<br>.navgation div{display:none;position:absolute;top:30px;}<br></style><br> < script src="Jquery1.7.js" type="text/javascript"></script><br> <script type="text/javascript"><br> $(document).ready(function () {<br> $(".navgation 입력").each(function () {<br> var this_div = $(".navgation div");<br> var _inx = $(".navgation 입력") .index(this);<br> $(this).click(<br> 함수 () { this_div.eq(_inx).slideToggle(); },<br> 함수 () { this_div.eq(_inx). SlideToggle(); }<br> );<br> });<br> });<br> </script><br></head><br><body><br> < form id="form1" runat="server"><br> <div><br> <ul class="navgation"><br> <li><input type="button" id= "button" value="链接1"/><br> <div>这里放下拉内容1</div><br> </li><br> <li> <div>这里放下拉内容2</div><br> </li><br> lt;입력 유형 ="button" id="button2" value="链接3"/><br> <div>这里放下拉内容3</div><br> </li><br> <li& gt;< ;input type="button" id="button3" value="链接4"/><br> <div>这里放下拉内容4</div><br> </li><br> & lt; li><input type="button" id="button4" value="链接5"/><br> <div>这里放下拉内容5</div><br> </li><br> </ul><br> </div><br> </form><br></body><br> </div>