<!DOCTYPE html>
|
<html>
|
<head>
|
<title>选项示例-拜访人</title>
|
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
|
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
|
<meta name="apple-mobile-web-app-capable" content="yes"/>
|
<link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
|
<link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
|
<link href="data/styles.css" type="text/css" rel="stylesheet"/>
|
<link href="files/选项示例-拜访人/styles.css" type="text/css" rel="stylesheet"/>
|
<script src="resources/scripts/jquery-1.7.1.min.js"></script>
|
<script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
|
<script src="resources/scripts/axure/axQuery.js"></script>
|
<script src="resources/scripts/axure/globals.js"></script>
|
<script src="resources/scripts/axutils.js"></script>
|
<script src="resources/scripts/axure/annotation.js"></script>
|
<script src="resources/scripts/axure/axQuery.std.js"></script>
|
<script src="resources/scripts/axure/doc.js"></script>
|
<script src="data/document.js"></script>
|
<script src="resources/scripts/messagecenter.js"></script>
|
<script src="resources/scripts/axure/events.js"></script>
|
<script src="resources/scripts/axure/action.js"></script>
|
<script src="resources/scripts/axure/expr.js"></script>
|
<script src="resources/scripts/axure/geometry.js"></script>
|
<script src="resources/scripts/axure/flyout.js"></script>
|
<script src="resources/scripts/axure/ie.js"></script>
|
<script src="resources/scripts/axure/model.js"></script>
|
<script src="resources/scripts/axure/repeater.js"></script>
|
<script src="resources/scripts/axure/sto.js"></script>
|
<script src="resources/scripts/axure/utils.temp.js"></script>
|
<script src="resources/scripts/axure/variables.js"></script>
|
<script src="resources/scripts/axure/drag.js"></script>
|
<script src="resources/scripts/axure/move.js"></script>
|
<script src="resources/scripts/axure/visibility.js"></script>
|
<script src="resources/scripts/axure/style.js"></script>
|
<script src="resources/scripts/axure/adaptive.js"></script>
|
<script src="resources/scripts/axure/tree.js"></script>
|
<script src="resources/scripts/axure/init.temp.js"></script>
|
<script src="files/选项示例-拜访人/data.js"></script>
|
<script src="resources/scripts/axure/legacy.js"></script>
|
<script src="resources/scripts/axure/viewer.js"></script>
|
<script type="text/javascript">
|
$axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
|
$axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
|
$axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
|
</script>
|
</head>
|
<body>
|
<div id="base" class="">
|
|
<!-- Unnamed (形状) -->
|
<div id="u0" class="ax_形状">
|
<img id="u0_img" class="img " src="images/选项示例-性别/u0.png"/>
|
<!-- Unnamed () -->
|
<div id="u1" class="text">
|
<p><span/></p>
|
</div>
|
</div>
|
|
<!-- Unnamed (形状) -->
|
<div id="u2" class="ax_h1">
|
<img id="u2_img" class="img " src="images/选项示例-性别/u2.png"/>
|
<!-- Unnamed () -->
|
<div id="u3" class="text">
|
<p><span>请选择</span><span>拜访</span><span>人</span></p>
|
</div>
|
</div>
|
|
<!-- Unnamed (水平线) -->
|
<div id="u4" class="ax_水平线">
|
<img id="u4_start" class="img " src="resources/images/transparent.gif" alt="u4_start"/>
|
<img id="u4_end" class="img " src="resources/images/transparent.gif" alt="u4_end"/>
|
<img id="u4_line" class="img " src="images/选项示例-性别/u4_line.png" alt="u4_line"/>
|
</div>
|
|
<!-- Unnamed (垂直线) -->
|
<div id="u5" class="ax_垂直线">
|
<img id="u5_start" class="img " src="resources/images/transparent.gif" alt="u5_start"/>
|
<img id="u5_end" class="img " src="resources/images/transparent.gif" alt="u5_end"/>
|
<img id="u5_line" class="img " src="images/选项示例-性别/u5_line.png" alt="u5_line"/>
|
</div>
|
|
<!-- Unnamed (形状) -->
|
<div id="u6" class="ax_文本段落">
|
<img id="u6_img" class="img " src="resources/images/transparent.gif"/>
|
<!-- Unnamed () -->
|
<div id="u7" class="text">
|
<p><span>确定</span></p>
|
</div>
|
</div>
|
|
<!-- Unnamed (形状) -->
|
<div id="u8" class="ax_文本段落">
|
<img id="u8_img" class="img " src="resources/images/transparent.gif"/>
|
<!-- Unnamed () -->
|
<div id="u9" class="text">
|
<p><span>取消</span></p>
|
</div>
|
</div>
|
|
<!-- Unnamed (水平线) -->
|
<div id="u10" class="ax_水平线">
|
<img id="u10_start" class="img " src="resources/images/transparent.gif" alt="u10_start"/>
|
<img id="u10_end" class="img " src="resources/images/transparent.gif" alt="u10_end"/>
|
<img id="u10_line" class="img " src="images/选项示例-性别/u15_line.png" alt="u10_line"/>
|
</div>
|
|
<!-- Unnamed (水平线) -->
|
<div id="u11" class="ax_水平线">
|
<img id="u11_start" class="img " src="resources/images/transparent.gif" alt="u11_start"/>
|
<img id="u11_end" class="img " src="resources/images/transparent.gif" alt="u11_end"/>
|
<img id="u11_line" class="img " src="images/选项示例-性别/u10_line.png" alt="u11_line"/>
|
</div>
|
|
<!-- Unnamed (水平线) -->
|
<div id="u12" class="ax_水平线">
|
<img id="u12_start" class="img " src="resources/images/transparent.gif" alt="u12_start"/>
|
<img id="u12_end" class="img " src="resources/images/transparent.gif" alt="u12_end"/>
|
<img id="u12_line" class="img " src="images/选项示例-性别/u15_line.png" alt="u12_line"/>
|
</div>
|
|
<!-- Unnamed (水平线) -->
|
<div id="u13" class="ax_水平线">
|
<img id="u13_start" class="img " src="resources/images/transparent.gif" alt="u13_start"/>
|
<img id="u13_end" class="img " src="resources/images/transparent.gif" alt="u13_end"/>
|
<img id="u13_line" class="img " src="images/选项示例-性别/u10_line.png" alt="u13_line"/>
|
</div>
|
|
<!-- Unnamed (形状) -->
|
<div id="u14" class="ax_h1">
|
<img id="u14_img" class="img " src="resources/images/transparent.gif"/>
|
<!-- Unnamed () -->
|
<div id="u15" class="text">
|
<p><span>B</span></p>
|
</div>
|
</div>
|
|
<!-- Unnamed (形状) -->
|
<div id="u16" class="ax_h1">
|
<img id="u16_img" class="img " src="resources/images/transparent.gif"/>
|
<!-- Unnamed () -->
|
<div id="u17" class="text">
|
<p><span>白</span><span>某</span></p>
|
</div>
|
</div>
|
|
<!-- Unnamed (形状) -->
|
<div id="u18" class="ax_h1">
|
<img id="u18_img" class="img " src="resources/images/transparent.gif"/>
|
<!-- Unnamed () -->
|
<div id="u19" class="text">
|
<p><span style="opacity:0.8588235;">A</span></p>
|
</div>
|
</div>
|
|
<!-- Unnamed (形状) -->
|
<div id="u20" class="ax_h1">
|
<img id="u20_img" class="img " src="resources/images/transparent.gif"/>
|
<!-- Unnamed () -->
|
<div id="u21" class="text">
|
<p><span style="opacity:0.8588235;">薄</span><span style="opacity:0.8588235;">某</span></p>
|
</div>
|
</div>
|
|
<!-- Unnamed (形状) -->
|
<div id="u22" class="ax_h1">
|
<img id="u22_img" class="img " src="resources/images/transparent.gif"/>
|
<!-- Unnamed () -->
|
<div id="u23" class="text">
|
<p><span style="opacity:0.8588235;">C</span></p>
|
</div>
|
</div>
|
|
<!-- Unnamed (形状) -->
|
<div id="u24" class="ax_h1">
|
<img id="u24_img" class="img " src="resources/images/transparent.gif"/>
|
<!-- Unnamed () -->
|
<div id="u25" class="text">
|
<p><span style="opacity:0.8588235;">鲍</span><span style="opacity:0.8588235;">某</span></p>
|
</div>
|
</div>
|
|
<!-- Unnamed (形状) -->
|
<div id="u26" class="ax_h1">
|
<img id="u26_img" class="img " src="resources/images/transparent.gif"/>
|
<!-- Unnamed () -->
|
<div id="u27" class="text">
|
<p><span>需求说明：</span></p><p><span>1、</span><span>人员</span><span>按照字母进行排序</span></p><p><span>2、例如选择字母C，则右侧显示C开头的</span><span>人员</span><span>列表</span></p><p><span> 选择字母B</span><span>，则右侧显示</span><span>B</span><span>开头的</span><span>人员</span><span>列表</span></p><p><span>3、蓝色字体表示选中的内容</span></p><p><span>4、列表内容根据手势向上或向下，加载内容</span></p>
|
</div>
|
</div>
|
</div>
|
</body>
|
</html>
|
