JavaScript CSS implementiert ein Verzeichnis der Stufe drei (einfach)

Autor：Eve Cole Aktualisierungszeit：2025-04-22 02:00:03

Es wurde im ursprünglichen Sekundärverzeichnis modifiziert, und es wurde zuerst eine Demonstration gegeben

Hier ist CSS

 /*bg macji (http://www.macji.com)*/ul, li, p {Margin: 0; Polsterung: 0; Listenstil: Keine; Schriftgröße: 12px} .m_menu_title {Höhe: 24px; Zeilenhöhe: 24px; Text-Align: Mitte; Margin: 0 1px} .m_Menu_Content {Border-Top: Solid 1px #ccc; Padding: 8px 2px} /*Erstes Level. P {Höhe: 22px; Zeilenhöhe: 22px} .m_menu_content pa {color:#666633; Schriftgewicht: fett; Textdekoration: Keine; Hintergrund: URL (http://www.macji.com/blog/img/icon.gif) No-Repeat 8px 4px; Polsterung: 0 0 0 30px; display:block } .m_menu_content pa:hover{color:#fe8005;font-weight:bold;text-decoration:none} .m_menu_content p a.on{background-position:8px -18px} /*Second level*/ .menu2{} .menu2 li{line-height:22px} .menu2 a {color:#000; Textdekoration: Keine; Anzeige: Block; Polsterung: 0 0 0 40px; Hintergrund: URL (http://www.macji.com/blog/img/icon.gif) No-Repeat 18px 4px} .Menu2 a.on {Hintergrundposition: 18px -18px}/*Level 3*/.Menu2 ul {{} .Menu2 ul a {Hintergrundposition: 30px -39px; Polsterung: 0 0 0 50px; Farbe:#666633; Textdekoration: Unterstreichung} .Menu2 ul a: hover {Hintergrundfarbe:#f5f5f5; Farbe:#f60}

Das Verzeichnis ist geschoben, ich habe es zu Tode geschrieben. Hier ist ein JS

 /* Hier schreibe ich es direkt. Gemäß der eingehenden ID -Nummer ist es normal zu bestimmen, ob sie angezeigt werden. Wenn es nicht angezeigt wird, wird es angezeigt. Sie können das Verzeichnis mit der serverseitigen Sprache*/ Funktion SetMenulist (num) {var p = document.getElementById ('p' + num) ausführen; var ul = document.getElementById ('ul' + num); if (ul.style.display == 'none') {ul.style.display = 'none') {ul.style.display = 'none'; } else {ul.style.display = 'none'; p.className = ""; }}

Demoansicht

 <! DocType html public "-// w3c // dtd xhtml 1.0 transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transsitional.dtd"><Htmlmlml xmlns = "http://www.w3.org/1999/xhtml"> <head> <meta http-equiv = "content-type" content = "text/html; charset = utf-8"/> <titels> Einfacher Level 3-Verzeichnis Demo </title> <stils> <Stiths> <Stith> <Stith> <Stith> <Stitels> <Stitels> <Stiths> <Stith>        </div>
    </div>
</section>
<section class="section_box py_30 border_bottom">
    <div class="w12_box">
        <div class="title_template arrow_link">
            <span class="title">Ähnliche Artikel</span>
        </div>
        <ul class="cate_list_template">
				
       				                <li>
                    <a  href="/de/wz/12663.html">
                        <div class="text">ASP-Optimierung, ASP-Caching-Technologie</div>
                        <span class="time">2010-05-24</span>
                    </a>
                </li>	
			                <li>
                    <a  href="/de/wz/6261.html">
                        <div class="text">Anwendungshinweise zum ASP.NET 2.0-Daten-Tutorial von Scott Mitchell</div>
                        <span class="time">2009-07-01</span>
                    </a>
                </li>	
			                <li>
                    <a  href="/de/wz/6018.html">
                        <div class="text">Etwas Erfahrung im Austausch von COOKIES zwischen ASP und ASP.NET</div>
                        <span class="time">2009-06-30</span>
                    </a>
                </li>	
			                <li>
                    <a  href="/de/wz/5690.html">
                        <div class="text">Ein prägnantes grafisches Einführungs-Tutorial für ASP.NET- und MySQL-Datenbanken</div>
                        <span class="time">2009-06-30</span>
                    </a>
                </li>	
			                <li>
                    <a  href="/de/wz/5418.html">
                        <div class="text">Allgemeine ASP-Funktionsbibliothek</div>
                        <span class="time">2009-06-26</span>
                    </a>
                </li>	
			                <li>
                    <a  href="/de/wz/5263.html">
                        <div class="text">ASP gefälschter REFERER</div>
                        <span class="time">2009-06-25</span>
                    </a>
                </li>	
			                <li>
                    <a  href="/de/wz/5135.html">
                        <div class="text">ASP-Transaktionsverarbeitung</div>
                        <span class="time">2009-06-24</span>
                    </a>
                </li>	
			                <li>
                    <a  href="/de/wz/5134.html">
                        <div class="text">Asp: Anleitung zur Cookie-Anwendung, detaillierter Code und Tutorials</div>
                        <span class="time">2009-06-24</span>
                    </a>
                </li>	
			                <li>
                    <a  href="/de/wz/5048.html">
                        <div class="text">ASP imitiert das DataGrid von asp.net</div>
                        <span class="time">2009-06-24</span>
                    </a>
                </li>	
			                <li>
                    <a  href="/de/wz/4933.html">
                        <div class="text">ASP-Quellcode entschlüsseln</div>
                        <span class="time">2009-06-23</span>
                    </a>
                </li>	
			                <li>
                    <a  href="/de/wz/80.html">
                        <div class="text">ASP-Vorlesung 4: Integrierte ASP-Komponenten</div>
                        <span class="time">2009-05-30</span>
                    </a>
                </li>	
			                <li>
                    <a  href="/de/wz/79.html">
                        <div class="text">ASP-Vorlesung 5: ASP-Komponenten (2)</div>
                        <span class="time">2009-05-30</span>
                    </a>
                </li>	
							
		        </ul>
    </div>
</section>
<footer class="footer_template">
    <div class="w12_box">
        <div class="clearfix">
            <div class="l_item">
                <img src="https://images.downcodes.com/newdown/images/down-logo-foot.png" alt="">
                <div class="f_icon">
                    <a href="https://www.facebook.com/" title="facebook"></a>
                    <a href="https://telegram.org/" title="telegram"></a>
                    <a href="https://www.tiktok.com/" title="tiktok"></a>
                    <a href="https://www.youtube.com/" title="youtube"></a>
                </div>
            </div>
            <div class="r_item">
                <dl>
                    <dt>Products & Services</dt>
                    <dd><a href="javascript:;">Install APK</a></dd>
                    <dd><a href="javascript:;">APK signature verification</a></dd>
                    <dd><a href="javascript:;">APK Download Service</a></dd>
                </dl>
                <dl>
                    <dt>Company</dt>
                    <dd><a href="javascript:;">Developer Console</a></dd>
                    <dd><a href="javascript:;">Submit APK</a></dd>
                    <dd><a href="javascript:;">Monetization of traffic through downcodes</a></dd>
                </dl>
                <dl>
                    <dt>Legal</dt>
                    <dd><a href="javascript:;">About us</a></dd>
                    <dd><a href="javascript:;">Contact Us</a></dd>
                    <dd><a href="javascript:;">Cooperation</a></dd>
                </dl>
            </div>

        </div>
        <p>downcodes@gmail.com</p>
    </div>
</footer>
<!-- Matomo -->
<script>
    var _paq = window._paq = window._paq || [];
    /* tracker methods like "setCustomDimension" should be called before "trackPageView" */
    _paq.push(['trackPageView']);
    _paq.push(['enableLinkTracking']);
    (function() {
        var u="//tongji.zhangwan.net/";
        _paq.push(['setTrackerUrl', u+'matomo.php']);
        _paq.push(['setSiteId', '3']);
        var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
        g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
    })();
</script>
<!-- End Matomo Code -->
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-5D64MDP2H8"></script>
<script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());

    gtag('config', 'G-5D64MDP2H8');
</script>
</body>
<script src="/newdown/js/jquery.js" type="text/javascript" charset="utf-8"></script>
<script src="/newdown/js/lazy.js" type="text/javascript" charset="utf-8"></script>
<script src="/newdown/js/index.js" type="text/javascript" charset="utf-8"></script>
</html>