代码拉取完成，页面将自动刷新
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231
<!DOCTYPE html>
<html>
<head>
<title>练习4：淘宝搜索栏内容切换</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<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/练习4：淘宝搜索栏内容切换/styles.css" type="text/css" rel="stylesheet"/>
<script src="resources/scripts/jquery-3.2.1.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="resources/scripts/messagecenter.js"></script>
<script src="resources/scripts/axure/events.js"></script>
<script src="resources/scripts/axure/recording.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/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="resources/scripts/axure/legacy.js"></script>
<script src="resources/scripts/axure/viewer.js"></script>
<script src="resources/scripts/axure/math.js"></script>
<script src="resources/scripts/axure/jquery.nicescroll.min.js"></script>
<script src="data/document.js"></script>
<script src="files/练习4：淘宝搜索栏内容切换/data.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="">
<!-- 搜索栏 (动态面板) -->
<div id="u83" class="ax_default" data-label="搜索栏">
<div id="u83_state0" class="panel_state" data-label="State1" style="">
<div id="u83_state0_content" class="panel_state_content">
<!-- Unnamed (文本框) -->
<div id="u84" class="ax_default text_field">
<img id="u84_img" class="img " src="images/练习4：淘宝搜索栏内容切换/u84.svg"/>
<input id="u84_input" type="text" value="" class="u84_input"/>
</div>
<!-- Unnamed (矩形) -->
<div id="u85" class="ax_default box_3">
<div id="u85_div" class=""></div>
<div id="u85_text" class="text ">
<p><span>搜索</span></p>
</div>
</div>
<!-- Unnamed (图片 ) -->
<div id="u86" class="ax_default image">
<img id="u86_img" class="img " src="images/练习4：淘宝搜索栏内容切换/u86.png"/>
<div id="u86_text" class="text " style="display:none; visibility: hidden">
<p></p>
</div>
</div>
<!-- Unnamed (形状) -->
<div id="u87" class="ax_default icon">
<img id="u87_img" class="img " src="images/练习4：淘宝搜索栏内容切换/u87.svg"/>
<div id="u87_text" class="text " style="display:none; visibility: hidden">
<p></p>
</div>
</div>
</div>
</div>
<div id="u83_state1" class="panel_state" data-label="State2" style="visibility: hidden;">
<div id="u83_state1_content" class="panel_state_content">
<!-- Unnamed (文本框) -->
<div id="u88" class="ax_default text_field">
<div id="u88_div" class=""></div>
<input id="u88_input" type="text" value="" class="u88_input"/>
</div>
<!-- Unnamed (矩形) -->
<div id="u89" class="ax_default box_3">
<div id="u89_div" class=""></div>
<div id="u89_text" class="text ">
<p><span>搜索</span></p>
</div>
</div>
<!-- Unnamed (形状) -->
<div id="u90" class="ax_default icon">
<img id="u90_img" class="img " src="images/练习4：淘宝搜索栏内容切换/u87.svg"/>
<div id="u90_text" class="text " style="display:none; visibility: hidden">
<p></p>
</div>
</div>
</div>
</div>
<div id="u83_state2" class="panel_state" data-label="State3" style="visibility: hidden;">
<div id="u83_state2_content" class="panel_state_content">
<!-- Unnamed (文本框) -->
<div id="u91" class="ax_default text_field">
<img id="u91_img" class="img " src="images/练习4：淘宝搜索栏内容切换/u84.svg"/>
<input id="u91_input" type="text" value="" class="u91_input"/>
</div>
<!-- Unnamed (矩形) -->
<div id="u92" class="ax_default box_3">
<div id="u92_div" class=""></div>
<div id="u92_text" class="text ">
<p><span>搜索</span></p>
</div>
</div>
<!-- Unnamed (形状) -->
<div id="u93" class="ax_default icon">
<img id="u93_img" class="img " src="images/练习4：淘宝搜索栏内容切换/u87.svg"/>
<div id="u93_text" class="text " style="display:none; visibility: hidden">
<p></p>
</div>
</div>
</div>
</div>
</div>
<!-- 选择 (动态面板) -->
<div id="u94" class="ax_default" data-label="选择">
<div id="u94_state0" class="panel_state" data-label="State1" style="">
<div id="u94_state0_content" class="panel_state_content">
<!-- Unnamed (矩形) -->
<div id="u95" class="ax_default box_3">
<div id="u95_div" class=""></div>
<div id="u95_text" class="text ">
<p><span>宝贝</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u96" class="ax_default box_3">
<div id="u96_div" class=""></div>
<div id="u96_text" class="text ">
<p><span>天猫</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u97" class="ax_default box_3">
<div id="u97_div" class=""></div>
<div id="u97_text" class="text ">
<p><span>店铺</span></p>
</div>
</div>
</div>
</div>
<div id="u94_state1" class="panel_state" data-label="State2" style="visibility: hidden;">
<div id="u94_state1_content" class="panel_state_content">
<!-- Unnamed (矩形) -->
<div id="u98" class="ax_default box_3">
<div id="u98_div" class=""></div>
<div id="u98_text" class="text ">
<p><span>宝贝</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u99" class="ax_default box_3">
<div id="u99_div" class=""></div>
<div id="u99_text" class="text ">
<p><span>天猫</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u100" class="ax_default box_3">
<div id="u100_div" class=""></div>
<div id="u100_text" class="text ">
<p><span>店铺</span></p>
</div>
</div>
</div>
</div>
<div id="u94_state2" class="panel_state" data-label="State3" style="visibility: hidden;">
<div id="u94_state2_content" class="panel_state_content">
<!-- Unnamed (矩形) -->
<div id="u101" class="ax_default box_3">
<div id="u101_div" class=""></div>
<div id="u101_text" class="text ">
<p><span>宝贝</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u102" class="ax_default box_3">
<div id="u102_div" class=""></div>
<div id="u102_text" class="text ">
<p><span>天猫</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u103" class="ax_default box_3">
<div id="u103_div" class=""></div>
<div id="u103_text" class="text ">
<p><span>店铺</span></p>
</div>
</div>
</div>
</div>
</div>
</div>
<script src="resources/scripts/axure/ios.js"></script>
</body>
</html>
Loading...
举报
请认真填写举报原因，尽可能描述详细。
请选择举报类型
误判申诉
此处可能存在不合适展示的内容，页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容，可点击提交进行申诉，我们将尽快为您处理。
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化