javascript菜单导航

最新推荐文章于 2024-10-28 15:54:14 发布

转载最新推荐文章于 2024-10-28 15:54:14 发布 · 99 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/wangyuelang0526/archive/2012/05/30/2526219.html

文章标签：

#javascript #ViewUI

本文介绍了一个简单的业务查询系统设计，包括注册号查询和注销号查询两个主要功能模块。通过点击菜单项可以展开子菜单，进一步选择具体的查询类型。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<table cellspacing="0" cellpadding="0" border="0" style="text-align: center; width: 100%;
                       padding: 0; margin: 0; list-style: none; font-size: 16px;">
                    <tr>
                        <td>
                            <img src="images/li.jpg" alt="" />&nbsp;&nbsp;&nbsp;
                            <a class="menuParent" onclick="javascript:expand(1)"
                               href="javascript:void(0);">业务查询</a>
                        </td>
                    </tr>
                </table>
                <table id="child1" style=" text-align: center; width: 100%; padding: 0;
                       margin: 0; font-size: 13px;display:none;">
                    <tr style="height: 50">
                        <td>
                            &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<img src="images/li.jpg" alt="" />&nbsp;&nbsp;&nbsp;
                            <a class="menuChild" target="main"
                               href="QueryBusiness.aspx">注册号查询</a>
                        </td>
                    </tr>
                    <tr style="height: 50">
                        <td>
                            &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<img src="images/li.jpg" alt="" />&nbsp;&nbsp;&nbsp;
                            <a class="menuChild" target="main"
                               href="QueryoffNum.aspx">注销号查询</a>
                        </td>
                    </tr>
                </table>

 <script type="text/javascript" language="javascript">

            function expand(el) {
                childObj = document.getElementById("child" + el);
                if (childObj.style.display == 'none') {
                    childObj.style.display = 'block';
                }
                else {
                    childObj.style.display = 'none';
                }
                return;
            }
        </script>

 .menu_son { display: none; text-align: center; }

转载于:https://www.cnblogs.com/wangyuelang0526/archive/2012/05/30/2526219.html