JavaScript CSS реализует каталог третьего уровня (просто)

Автор：Eve Cole Время обновления：2025-04-22 02:00:03

Он был изменен в первоначальном вторичном каталоге, и была проведена демонстрация первой

Вот CSS

 /*bg macji (http://www.macji.com)*/ul, li, p {margin: 0; Заполнение: 0; Список стиля: нет; размер шрифта: 12px} .m_menu_title {height: 24px; line-hight: 24px; text-align: center; margin: 0 1px} .m_menu_content {border-top: solid 1px #cc; padding: 8px 2px} /*first level* / .m_menu_content P {Height: 22px; Line-Height: 22px} .m_menu_content pa {color:#666633; шрифт-вес: жирный шрифт; Текстовое декорация: нет; Предпосылки: URL (http://www.macji.com/blog/img/icon.gif) no-repeat 8px 4px; Надо: 0 0 0 30px; дисплей: block} .m_menu_content pa: hover {color:#fe8005; font-weight: bold; text-decoration: none} .m_menu_content p a.on {founal-position: 8px -18px} /*второй уровень* / .menu2 {} .menu2 li {line-height: 22px. {цвет:#000; Текстовое декорация: нет; дисплей: блок; Надо: 0 0 0 40px; Справочная информация: URL (http://www.macji.com/blog/img/icon.gif) no-repeat 18px 4px} .menu2 a.on {background-position: 18px -18px}/*Уровень 3*/.menu2 ul {} .menu2 ul A Надо: 0 0 0 50px; Цвет:#666633; Текстовое декорация: подчеркивание} .menu2 ul a: hover {фоновое цветное:#f5f5f5; Цвет:#f60}

Каталог зациклен, я написал его до смерти. Вот JS

 /* Здесь я пишу это напрямую. Согласно входящему идентификационному номеру, нормально определить, отображается ли он. Если он не отображается, он отображается. Вы можете зацикнуть каталог с помощью языка на стороне сервера*/ function setmenulist (num) {var p = document.getelementbyid ('p' + num); 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 = ""; }}

Демонстрационный вид

 <! Doctype html public "-// w3c // dtd xhtml 1.0 transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> xmlns = "http://www.w3.org/1999/xhtml"> <head> <meta http-equiv = "content-type" content = "text/html; charset = utf-8"/> <Title> Demo Demo </title> </styte> </style>        </div>
    </div>
</section>
<section class="section_box py_30 border_bottom">
    <div class="w12_box">
        <div class="title_template arrow_link">
            <span class="title">Связанные статьи</span>
        </div>
        <ul class="cate_list_template">
				
       				                <li>
                    <a  href="/ru/wz/12663.html">
                        <div class="text">Оптимизация Asp, технология кэширования asp</div>
                        <span class="time">2010-05-24</span>
                    </a>
                </li>	
			                <li>
                    <a  href="/ru/wz/6261.html">
                        <div class="text">Замечания по применению учебника по данным ASP.NET 2.0 Скотта Митчелла</div>
                        <span class="time">2009-07-01</span>
                    </a>
                </li>	
			                <li>
                    <a  href="/ru/wz/6018.html">
                        <div class="text">Некоторый опыт обмена файлами cookie между ASP и ASP.NET.</div>
                        <span class="time">2009-06-30</span>
                    </a>
                </li>	
			                <li>
                    <a  href="/ru/wz/5690.html">
                        <div class="text">Краткое графическое вводное руководство по базам данных ASP.NET и MySQL.</div>
                        <span class="time">2009-06-30</span>
                    </a>
                </li>	
			                <li>
                    <a  href="/ru/wz/5418.html">
                        <div class="text">Библиотека общих функций ASP</div>
                        <span class="time">2009-06-26</span>
                    </a>
                </li>	
			                <li>
                    <a  href="/ru/wz/5263.html">
                        <div class="text">ASP поддельный РЕФЕРЕР</div>
                        <span class="time">2009-06-25</span>
                    </a>
                </li>	
			                <li>
                    <a  href="/ru/wz/5135.html">
                        <div class="text">обработка транзакций asp</div>
                        <span class="time">2009-06-24</span>
                    </a>
                </li>	
			                <li>
                    <a  href="/ru/wz/5134.html">
                        <div class="text">Asp: руководство по применению файлов cookie, подробный код и учебные пособия.</div>
                        <span class="time">2009-06-24</span>
                    </a>
                </li>	
			                <li>
                    <a  href="/ru/wz/5048.html">
                        <div class="text">ASP имитирует DataGrid asp.net</div>
                        <span class="time">2009-06-24</span>
                    </a>
                </li>	
			                <li>
                    <a  href="/ru/wz/4933.html">
                        <div class="text">Расшифровать исходный код ASP</div>
                        <span class="time">2009-06-23</span>
                    </a>
                </li>	
			                <li>
                    <a  href="/ru/wz/80.html">
                        <div class="text">Лекция ASP 4: Встроенные компоненты ASP</div>
                        <span class="time">2009-05-30</span>
                    </a>
                </li>	
			                <li>
                    <a  href="/ru/wz/79.html">
                        <div class="text">Лекция ASP 5: Компоненты ASP (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>