`

简单的QA功能树

XHTMLHTML 
阅读更多 
<!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=utf-8" />
        <title>无标题文档</title>
        <style type="text/css">
             * {
                margin: 0;
                padding: 0;
            }
            
            ul, li {
                list-style: none
            }
            
            body, td, th {
                font-family: Verdana, "宋体";
                line-height: 18px;
                font-size: 12px;
            }
            
            a {
                color: #666;
                text-decoration: none;
            }
            
            a:hover {
                color: #ff3c00;
                text-decoration: underline
            } .list1 {
                width: 300px;
                margin: 0 auto;
            } .list1 li {
                padding: 3px;
                background-color: #99CCCC;
                margin-bottom: 1px;
                color: #FFCC00;
                font-weight: bold
            } .list1 li ul {
                display: none
            } .list1 li ul li {
                background-color: #FFFFCC;
                font-weight: normal;
            } .list1 li ul.show {
                display: block;
            } .list1 li ul.hidden {
                display: none;
            }
        </style>
        <script type="text/javascript" src="js/com.js">
        </script>
        <script type="text/javascript">
            var tempId = "ChildMenu1";
			
			    
            
            function DoMenu(menuId){
                var obj = $(menuId);
                obj.className = (obj.className.toLowerCase() == "show") ? "hidden" : "show";
                
                if ((tempId != "") && (obj != tempId)) //关闭上一个Menu
                {
                    $(tempId).className = "hidden";
                }
                tempId = obj;
                
                
            }
			
        </script>
    </head>
    <body>
        <ul class="list1" id="nav">
            <li>
                <a href="#" id="child1" onclick="DoMenu('ChildMenu1')">我的网站</a>
                <ul class="show" id="ChildMenu1">
                    <li>
                        <a href="#">子列表01</a>
                    </li>
                    <li>
                        <a href="#">子列表02</a>
                    </li>
                    <li>
                        <a href="#">子列表03</a>
                    </li>
                    <li>
                        <a href="#">子列表04</a>
                    </li>
                </ul>
            </li>
            <li>
                <a href="#" id="child2" onclick="DoMenu('ChildMenu2')">我的帐务</a>
                <ul id="ChildMenu2" class="hidden">
                    <li>
                        <a href="#">子列表01</a>
                    </li>
                    <li>
                        <a href="#">子列表02</a>
                    </li>
                    <li>
                        <a href="#">子列表03</a>
                    </li>
                    <li>
                        <a href="#">子列表04</a>
                    </li>
                </ul>
            </li>
            <li>
                <a href="#" id="child3" onclick="DoMenu('ChildMenu3')">网上支付</a>
                <ul id="ChildMenu3" class="hidden">
                    <li>
                        <a href="#">子列表01</a>
                    </li>
                    <li>
                        <a href="#">子列表02</a>
                    </li>
                    <li>
                        <a href="#">子列表03</a>
                    </li>
                    <li>
                        <a href="#">子列表04</a>
                    </li>
                </ul>
            </li>
            <li>
                <a href="#" id="child4" onclick="DoMenu('ChildMenu4')">网站管理</a>
                <ul id="ChildMenu4" class="hidden">
                    <li>
                        <a href="#">子列表01</a>
                    </li>
                    <li>
                        <a href="#">子列表02</a>
                    </li>
                    <li>
                        <a href="#">子列表03</a>
                    </li>
                    <li>
                        <a href="#">子列表04</a>
                    </li>
                </ul>
            </li>
        </ul>
    </body>
</html>
分享到：
| 自己整理的一套javascript小型公用库
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    Test QA1ttttt

    为了有效地分析和优化性能，测试人员会通过JMeter的监听器收集数据，如聚合报告、响应时间图、视图结果树等，这些可以帮助我们了解系统在不同负载下的表现。此外，还可以使用分布式测试功能，通过多台机器并行运行...

    软件QA和测试面试问题集

    ### 软件QA与测试面试关键知识点解析 ...总之，软件QA和测试面试是对应聘者全方位能力的考验，既要求深刻理解软件质量保证的核心理念和实践，又需要展示丰富的项目经验和广泛的技能树，以及对未来职业发展的清晰规划。

    JS-for-QA

    JS可以用来遍历DOM树，添加、删除或修改元素，实现页面动态更新。 3. **事件处理**：通过绑定事件监听器，JavaScript可以响应用户的点击、键盘输入等交互，实现交互式的功能。 4. **AJAX**：异步JavaScript和XML，...

    06009544算法设计文档1

    系统的主要功能包括：后台支持产品文档录入，自动化生成“QA对”知识库，具备增删查改功能；前台提供对话界面，能理解用户提问并从知识库中寻找答案，支持多种问法的同义问题识别；后台搜索引擎能根据问题模糊度返回...

    计算机辅助翻译工具Across概述-王华树.pdf

    - QA Check：质量保证功能，用于检测翻译中的拼写、格式和术语一致性问题。 - Alignment：对已有文档进行自动或手动对齐，生成翻译记忆库，为未来翻译提供参考资料。 - CrossProject：项目管理工具，用于规划、...

    winqsb软件操作使用说明

    - **功能**: 包括简单平均、移动平均、指数平滑等多种预测方法，以及多元线性回归分析。 - **应用场景**: 适用于销售预测、市场趋势分析等场景。 7. **目标规划与整数线性目标规划(GPIGP)** - **功能**: 处理多...

    xilinx-axidma 驱动模块 petalinux2020

    `hello_dma`是一个简单的用户空间应用程序，用于演示如何使用AXIDMA驱动进行数据传输。它可能包括设置DMA传输参数，打开设备，启动传输，然后等待传输完成。这个测试例程对于验证驱动的正确性和性能至关重要，同时也...

    PyPI 官网下载 | ahocorasick-python-0.0.9.tar.gz

    该算法通过构建一种特殊的树状结构——“失败链接树”（Failure Link Tree，也称“字典树”或“AC自动机”），将所有待查找的模式合并成一个高效的查找结构。当在一个文本中进行匹配时，如果当前字符在模式串中找不...

    leetcode答案-leetcode-qa:leetcode问答

    1. 平台架构：了解LeetCode如何处理用户提交的代码、测试用例、结果验证以及排行榜等功能，可以帮助我们理解大型Web应用程序的设计。 2. 数据库设计：LeetCode存储了大量题目、用户信息和提交记录，其数据库设计...

    【原创】Ye's ProE映射键全套分享（ProE快捷键大全，附布局表格和代码，ProE快捷键设置经验）不妨一看

    功能上的特点（通过代码实现，简单介绍部分）： 1. 兼容PROE2.0/3.0/4.0，因为自己安的是2.0和4.0，公司的是2.0和3.0，所以兼顾考虑，但有某些细微差异。 2. 通过映射键的组合与嵌套，实现一键通用或多用。如： SE-...

    【原创】ProE全套通用快捷键，不妨一看

    功能上的特点（通过代码实现，简单介绍部分）： 1. 兼容PROE2.0/3.0/4.0，因为自己安的是2.0和4.0，公司的是2.0和3.0，所以兼顾考虑，但有某些细微差异。 2. 通过映射键的组合与嵌套，实现一键通用或多用。如： SE-...

    SQAKRLJabodetabek:我的本科生期末项目，在印度尼西亚语中的QA进行口语质量保证，为Jabodetabek的通勤铁路服务

    这些模型通常基于机器学习算法，如支持向量机（SVM）、决策树、神经网络等，用于判断语音的清晰度、流畅度和准确性。 5. **数据收集与处理**：为了训练和测试模型，需要大量的语音和文本数据。这可能涉及到录音、...

    WINQSB 使用说明

    15. **Queuing Analysis (QA)**: QA 进行排队模型的分析，如服务时间、等待时间的计算，以及性能评估和成本分析。 16. **Queuing System Simulation (QSS)**: QSS 用于排队系统的仿真模拟，分析系统性能，为系统...

    缺陷预测器：一种ML模型，可预测到达QA阶段时可能发生的错误数量

    `numpy`提供高效处理大型多维数组和矩阵的功能，`pandas`用于数据清洗、管理和分析，而`scipy`则包含科学计算的高级函数，如统计方法。 3. **数据预处理**：在构建模型之前，需要对数据进行预处理，包括缺失值处理...

    TestDirector中文使用手册第一部分

    这包括评估应用程序、系统环境和可用资源，确定测试目标，以及将应用程序拆分为模块和功能，形成测试计划树。此外，定义每个模块的测试类型，并为每个测试添加简要说明。 3. 测试执行：创建测试集并执行测试。这一...

    laravel-qa:laravel 8问答应用

    Laravel易于访问，功能强大，并提供大型，强大的应用程序所需的工具。 学习Laravel Laravel拥有所有现代Web应用程序框架中最广泛，最全面的和视频教程库，因此轻而易举地开始使用该框架。 如果您不想读书，可以...

    TestDirector中文使用手册第六部分

    每个成员负责的测试主题通过需求树在TestDirector工程中记录下来，形成一个层次结构，清晰地展示了需求之间的关系。例如，对于航班预订软件，可能的需求主题包括登录操作、数据库操作等。 定义需求（Defining ...

Magicbox
Global site tag (gtag.js) - Google Analytics