axure创建网页

最新推荐文章于 2024-06-11 22:56:11 发布
最新推荐文章于 2024-06-11 22:56:11 发布
阅读量1.7k 收藏 6
点赞数 2
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_51371862/article/details/119544526
版权

最近发现一个好玩的东西。就是axure了。

学习操作了下。弄出了一个简单的搜狗页面还有登录界面，该有的交互也弄了些。

 

感觉挺好玩的，也扒拉下生成了html，好好看看。代码可能有点长，你忍一下qwq.

<!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"/>
    <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-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/首页/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="">

      <!-- Unnamed (矩形) -->
      <div id="u40" class="ax_default label">
        <div id="u40_div" class=""></div>
        <div id="u40_text" class="text ">
          <p><span>网页</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u41" class="ax_default label">
        <div id="u41_div" class=""></div>
        <div id="u41_text" class="text ">
          <p><span>微信</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u42" class="ax_default label">
        <div id="u42_div" class=""></div>
        <div id="u42_text" class="text ">
          <p><span>知乎</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u43" class="ax_default label">
        <div id="u43_div" class=""></div>
        <div id="u43_text" class="text ">
          <p><span>图片</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u44" class="ax_default label">
        <div id="u44_div" class=""></div>
        <div id="u44_text" class="text ">
          <p><span>视频</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u45" class="ax_default label">
        <div id="u45_div" class=""></div>
        <div id="u45_text" class="text ">
          <p><span>医疗</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u46" class="ax_default label">
        <div id="u46_div" class=""></div>
        <div id="u46_text" class="text ">
          <p><span>科学</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u47" class="ax_default label">
        <div id="u47_div" class=""></div>
        <div id="u47_text" class="text ">
          <p><span>汉语</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u48" class="ax_default label">
        <div id="u48_div" class=""></div>
        <div id="u48_text" class="text ">
          <p><span>英文</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u49" class="ax_default label">
        <div id="u49_div" class=""></div>
        <div id="u49_text" class="text ">
          <p><span>问问</span></p>
        </div>
      </div>

      <!-- 更多 (组合) -->
      <div id="u50" class="ax_default" data-label="更多" data-left="550" data-top="12" data-width="43" data-height="16">

        <!-- Unnamed (矩形) -->
        <div id="u51" class="ax_default label">
          <div id="u51_div" class=""></div>
          <div id="u51_text" class="text ">
            <p><span>更多</span></p>
          </div>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u52" class="ax_default icon">
          <img id="u52_img" class="img " src="images/首页/u52.svg"/>
          <div id="u52_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u53" class="ax_default button">
        <img id="u53_img" class="img " src="images/首页/u53.svg"/>
        <div id="u53_text" class="text ">
          <p><span>退出登录</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u54" class="ax_default box_1">
        <img id="u54_img" class="img " src="images/首页/u54.svg"/>
        <div id="u54_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- 城市天气 (组合) -->
      <div id="u55" class="ax_default" data-label="城市天气" data-left="1284" data-top="12" data-width="122" data-height="16">

        <!-- Unnamed (矩形) -->
        <div id="u56" class="ax_default label">
          <div id="u56_div" class=""></div>
          <div id="u56_text" class="text ">
            <p><span>江苏 苏州</span></p>
          </div>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u57" class="ax_default icon">
          <img id="u57_img" class="img " src="images/首页/u57.svg"/>
          <div id="u57_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u58" class="ax_default label">
          <div id="u58_div" class=""></div>
          <div id="u58_text" class="text ">
            <p><span>33°</span></p>
          </div>
        </div>
      </div>

      <!-- 更多下拉 (组合) -->
      <div id="u59" class="ax_default ax_default_hidden" data-label="更多下拉" style="display:none; visibility: hidden" data-left="542" data-top="38.9289321881345" data-width="60" data-height="239.071067811865">

        <!-- Unnamed (组合) -->
        <div id="u60" class="ax_default" data-left="542" data-top="38.9289321881345" data-width="60" data-height="239.071067811865">

          <!-- Unnamed (矩形) -->
          <div id="u61" class="ax_default box_1">
            <div id="u61_div" class=""></div>
            <div id="u61_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (组合) -->
          <div id="u62" class="ax_default" data-left="542" data-top="46" data-width="60" data-height="232">

            <!-- Unnamed (矩形) -->
            <div id="u63" class="ax_default box_1">
              <div id="u63_div" class=""></div>
              <div id="u63_text" class="text ">
                <p><span>资讯</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u64" class="ax_default box_1">
              <div id="u64_div" class=""></div>
              <div id="u64_text" class="text ">
                <p><span>购物</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u65" class="ax_default box_1">
              <div id="u65_div" class=""></div>
              <div id="u65_text" class="text ">
                <p><span>地图</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u66" class="ax_default box_1">
              <div id="u66_div" class=""></div>
              <div id="u66_text" class="text ">
                <p><span>百科</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u67" class="ax_default box_1">
              <div id="u67_div" class=""></div>
              <div id="u67_text" class="text ">
                <p><span>知识</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u68" class="ax_default box_1">
              <div id="u68_div" class=""></div>
              <div id="u68_text" class="text ">
                <p><span>应用</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u69" class="ax_default box_1">
              <div id="u69_div" class=""></div>
              <div id="u69_text" class="text ">
                <p><span>&nbsp; 全部&gt;</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u70" class="ax_default box_1">
              <div id="u70_div" class=""></div>
              <div id="u70_text" class="text ">
                <p><span>翻译</span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u71" class="ax_default image">
        <img id="u71_img" class="img " src="images/首页/u71.png"/>
        <div id="u71_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (文本框) -->
      <div id="u72" class="ax_default text_field">
        <div id="u72_div" class=""></div>
        <input id="u72_input" type="text" value="" class="u72_input"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u73" class="ax_default button">
        <div id="u73_div" class=""></div>
        <div id="u73_text" class="text ">
          <p><span>搜狗搜索</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u74" class="ax_default icon">
        <img id="u74_img" class="img " src="images/首页/u74.svg"/>
        <div id="u74_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u75" class="ax_default" data-left="370" data-top="480" data-width="800" data-height="274">

        <!-- 二维码 (组合) -->
        <div id="u76" class="ax_default" data-label="二维码" data-left="710" data-top="480" data-width="117" data-height="117">

          <!-- Unnamed (矩形) -->
          <div id="u77" class="ax_default box_1">
            <div id="u77_div" class=""></div>
            <div id="u77_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (图片 ) -->
          <div id="u78" class="ax_default image">
            <img id="u78_img" class="img " src="images/首页/u78.png"/>
            <div id="u78_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u79" class="ax_default label">
          <div id="u79_div" class=""></div>
          <div id="u79_text" class="text ">
            <p><span>&nbsp; 下载搜狗搜索APP</span></p>
          </div>
        </div>

        <!-- Unnamed (图片 ) -->
        <div id="u80" class="ax_default image">
          <img id="u80_img" class="img " src="images/首页/u80.png"/>
          <div id="u80_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>

      <!-- 天气 (组合) -->
      <div id="u81" class="ax_default ax_default_hidden" data-label="天气" style="display:none; visibility: hidden" data-left="1243" data-top="45.9289321881346" data-width="240" data-height="277.071067811865">

        <!-- Unnamed (图片 ) -->
        <div id="u82" class="ax_default image">
          <img id="u82_img" class="img " src="images/首页/u82.svg"/>
          <div id="u82_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u83" class="ax_default box_1">
          <div id="u83_div" class=""></div>
          <div id="u83_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>
    </div>
    <script src="resources/scripts/axure/ios.js"></script>
  </body>
</html>

 这是首页，还有登录的。登陆的交互我弄了挺久的，逻辑有点绕。

<!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"/>
    <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-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/登录/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="u0" class="ax_default" data-label="框" data-left="491" data-top="114" data-width="556" data-height="448">

        <!-- Unnamed (组合) -->
        <div id="u1" class="ax_default" data-left="491" data-top="114" data-width="556" data-height="448">

          <!-- Unnamed (矩形) -->
          <div id="u2" class="ax_default box_1">
            <div id="u2_div" class=""></div>
            <div id="u2_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u3" class="ax_default box_2">
            <div id="u3_div" class=""></div>
            <div id="u3_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (图片 ) -->
          <div id="u4" class="ax_default image">
            <img id="u4_img" class="img " src="images/登录/u4.png"/>
            <div id="u4_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u5" class="ax_default label">
          <div id="u5_div" class=""></div>
          <div id="u5_text" class="text ">
            <p><span>搜狗搜索</span></p>
          </div>
        </div>
      </div>

      <!-- 账号登陆！ (组合) -->
      <div id="u6" class="ax_default" data-label="账号登陆！" data-left="569" data-top="207" data-width="400" data-height="147">

        <!-- 账号登陆框 (组合) -->
        <div id="u7" class="ax_default" data-label="账号登陆框" data-left="569" data-top="207" data-width="400" data-height="147">

          <!-- 账号登陆 (矩形) -->
          <div id="u8" class="ax_default box_1" data-label="账号登陆">
            <div id="u8_div" class=""></div>
            <div id="u8_text" class="text ">
              <p><span>账号登陆</span></p>
            </div>
          </div>

          <!-- 短信登陆 (矩形) -->
          <div id="u9" class="ax_default box_1" data-label="短信登陆">
            <div id="u9_div" class=""></div>
            <div id="u9_text" class="text ">
              <p><span>短信登陆</span></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u10" class="ax_default box_1">
            <div id="u10_div" class=""></div>
            <div id="u10_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (图片 ) -->
          <div id="u11" class="ax_default image">
            <img id="u11_img" class="img " src="images/登录/u11.png"/>
            <div id="u11_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (文本框) -->
          <div id="u12" class="ax_default text_field">
            <div id="u12_div" class=""></div>
            <input id="u12_input" type="text" value="" class="u12_input"/>
          </div>

          <!-- Unnamed (图片 ) -->
          <div id="u13" class="ax_default image">
            <img id="u13_img" class="img " src="images/登录/u13.png"/>
            <div id="u13_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (文本框) -->
          <div id="u14" class="ax_default text_field">
            <div id="u14_div" class=""></div>
            <input id="u14_input" type="password" value="" class="u14_input"/>
          </div>
        </div>

        <!-- Unnamed (线段) -->
        <div id="u15" class="ax_default line">
          <img id="u15_img" class="img " src="images/登录/u15.svg"/>
          <div id="u15_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (单选按钮) -->
      <div id="u16" class="ax_default radio_button">
        <label id="u16_input_label" for="u16_input" style="position: absolute; left: 0px;">
          <img id="u16_img" class="img " src="images/登录/u16.svg"/>
          <div id="u16_text" class="text ">
            <p><span>显示密码</span></p>
          </div>
        </label>
        <input id="u16_input" type="radio" value="radio" name="u16"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u17" class="ax_default label">
        <div id="u17_div" class=""></div>
        <div id="u17_text" class="text ">
          <p><span>忘记密码？</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u18" class="ax_default label">
        <div id="u18_div" class=""></div>
        <div id="u18_text" class="text ">
          <p><span>注册新账号</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u19" class="ax_default box_1">
        <img id="u19_img" class="img " src="images/登录/u19.svg"/>
        <div id="u19_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- 登录按钮 (矩形) -->
      <div id="u20" class="ax_default primary_button" data-label="登录按钮">
        <div id="u20_div" class=""></div>
        <div id="u20_text" class="text ">
          <p><span>登&nbsp;&nbsp; 录</span></p>
        </div>
      </div>

      <!-- Unnamed (线段) -->
      <div id="u21" class="ax_default line">
        <img id="u21_img" class="img " src="images/登录/u21.svg"/>
        <div id="u21_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u22" class="ax_default box_1">
        <img id="u22_img" class="img " src="images/登录/u22.svg"/>
        <div id="u22_text" class="text ">
          <p><span>其他方式登录</span></p>
        </div>
      </div>

      <!-- qq (组合) -->
      <div id="u23" class="ax_default" data-label="qq" data-left="682" data-top="495" data-width="47" data-height="47">

        <!-- Unnamed (圆形) -->
        <div id="u24" class="ax_default ellipse">
          <img id="u24_img" class="img " src="images/登录/u24.svg"/>
          <div id="u24_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u25" class="ax_default icon">
          <img id="u25_img" class="img " src="images/登录/u25.svg"/>
          <div id="u25_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>

      <!-- 微信 (组合) -->
      <div id="u26" class="ax_default" data-label="微信" data-left="809" data-top="495" data-width="47" data-height="47">

        <!-- Unnamed (圆形) -->
        <div id="u27" class="ax_default ellipse">
          <img id="u27_img" class="img " src="images/登录/u24.svg"/>
          <div id="u27_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u28" class="ax_default icon">
          <img id="u28_img" class="img " src="images/登录/u28.svg"/>
          <div id="u28_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>

      <!-- 密码错误 (矩形) -->
      <div id="u29" class="ax_default label ax_default_hidden" data-label="密码错误" style="display:none; visibility: hidden">
        <div id="u29_div" class=""></div>
        <div id="u29_text" class="text ">
          <p><span>密码错误！</span></p>
        </div>
      </div>

      <!-- 短信登录！ (组合) -->
      <div id="u30" class="ax_default ax_default_hidden" data-label="短信登录！" style="display:none; visibility: hidden" data-left="569" data-top="207" data-width="400" data-height="147">

        <!-- 账号 (矩形) -->
        <div id="u31" class="ax_default box_1" data-label="账号">
          <div id="u31_div" class=""></div>
          <div id="u31_text" class="text ">
            <p><span>账号登陆</span></p>
          </div>
        </div>

        <!-- 短信登陆2 (矩形) -->
        <div id="u32" class="ax_default box_1" data-label="短信登陆2">
          <div id="u32_div" class=""></div>
          <div id="u32_text" class="text ">
            <p><span>短信登陆</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u33" class="ax_default box_1">
          <div id="u33_div" class=""></div>
          <div id="u33_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (图片 ) -->
        <div id="u34" class="ax_default image">
          <img id="u34_img" class="img " src="images/登录/u11.png"/>
          <div id="u34_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- 手机框 (文本框) -->
        <div id="u35" class="ax_default text_field" data-label="手机框">
          <div id="u35_div" class=""></div>
          <input id="u35_input" type="text" value="" class="u35_input"/>
        </div>

        <!-- Unnamed (图片 ) -->
        <div id="u36" class="ax_default image">
          <img id="u36_img" class="img " src="images/登录/u13.png"/>
          <div id="u36_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- 验证码框 (文本框) -->
        <div id="u37" class="ax_default text_field" data-label="验证码框">
          <div id="u37_div" class=""></div>
          <input id="u37_input" type="text" value="" class="u37_input"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u38" class="ax_default label">
          <div id="u38_div" class=""></div>
          <div id="u38_text" class="text ">
            <p><span>获取验证码</span></p><p><span><br></span></p>
          </div>
        </div>

        <!-- Unnamed (线段) -->
        <div id="u39" class="ax_default line">
          <img id="u39_img" class="img " src="images/登录/u15.svg"/>
          <div id="u39_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>
    </div>
    <script src="resources/scripts/axure/ios.js"></script>
  </body>
</html>

其他还有些注册，搜索的操作代码就不放上来了太长了。感兴趣的朋友可以复制打开下，过来瞅瞅。还是挺好玩的。

就先这样了，去学着敲出来，溜了！

Denyiii
关注
  • 2
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
Axure API函数
司马沉潇的专栏
12-19 1930
Axure在做javascript引用或者javascript注入时，为了减少复杂度和实现特定的功能，有时会用到Axure内置的函数。本文将Axure API分几类做了个Axure API汇总目录，方便大家和自己以后查阅。
SSD代码解读之二——default box生成及标签整理
Peanut 大本营
04-02 1809
文章目录Default box生成（anchors）标签整理（bboxes_encode） Default box生成（anchors） Default box是对特定的feature map的每个点，生成特定数量、特定大小的box。生成的所有层的default box存入一个list中，每个feature map一个元素。 def ssd_anchors_all_layers(img_shape...
axure9设置组件自适应浏览器大小
最新发布
m0_66501929的博客
06-11 655
问题：预览时不展示下方的滚动条。
AxureRp8成果发布后不能直接预览的解决办法
夜郎King的博客
02-18 4976
本文重点讲述在Axure rp8的使用过程中，生成网页后不能直接预览的两种解决办法，第一种是安装浏览器插件的办法，另外分享一种通用的解决办法。
Axure 基于Echarts，引入动态图表（折线图、柱状图、饼状图等）
Cafemimi_的博客
04-20 5965
以下用饼状图进行演示，其他图形做法相同先看下最终效果： Echarts示例网址：其中，“data-label=Demo”中的“Demo”就是矩形的名称 步骤五：替换基础代码中“option = {};” 替换后代码： 步骤六：将代码在矩形Demo中引用 保存后运行即可
Axure RP 网页版，让原型设计更高效
sky768872的博客
02-02 1368
Axure RP可以快速高效地创建产品原型图，即绘制APP和网页的原型图、框架图、结构图等。在这个过程中，Axure制作的原型图可以和手机上使用的APP有同样的效果，可以实现交互，非常方便向用户或客户展示，也可以用来与后端人员沟通。Axure RP拥有强大的组件库，可以快速完成产品或Web线框图、流程图和原型设计。有了控制和动态效果的支持，它可以被称为交互神器。
使用Axure制作网页
csdnchen9的博客
02-23 8171
1.交互样式(仅对当前元件的样式进行更改) 选中元件，鼠标右键，选择【交互样式…】，选择交互触发类型，选择要更改的交互样式 使用交互样式实现鼠标悬停更改字体颜色效果 2.交互动作(带有逻辑性) 选中元件，在右侧交互面板选择交互事件类型，设置动作 使用交互事件实现显示与隐藏 注：元件都有各自的特性，不是每个元件都能用所有交互动作，有的原件无法进行移入时的交互，一般来说使用文本标签较多 3.交互情形(...
知识图谱网页应用 AXURE设计
05-29
AXURE是一款强大的原型设计工具，常用于创建网页和应用程序的交互模型，尤其在UI/UX设计领域备受青睐。在这个项目中，我们将探讨如何利用AXURE来构建一个基于知识图谱的网页应用，以及与人工智能相关的潜在应用。 ...
Axure8.0网页编辑含破解
08-14
Axure RP是美国Axure Software Solution公司旗舰产品，是一个专业的快速原型设计工具，让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。...
Axure元件库大全
11-29
4. **定制化**：设计师可以根据项目需求自定义元件库，创建专属的组件集，满足个性化设计需求。 Axure元件库的类型： 1. **通用库**：包含基础的网页和移动应用组件，适合多种类型的项目。 2. **特定行业库**：针对...
Axure8.0 网页模版 产品经理大福利
06-03
在Axure 8.0中，用户可以利用这些模版来快速创建模型，通过拖放组件到画布上，调整大小和位置，然后自定义交互和动态行为。这使得非设计师也能构建出具有基本交互效果的原型，以便在早期阶段就进行用户测试和团队...
Axure首次制作网站原型
10-18
首次学习Axure制作网站原型，本来打算闹着玩，但是做的多了，上传吧，所有东西都在压缩包内，有需要可以下载
AXURE 8+ 动画网页组件库
06-24
适用于AXURE 8以上版本的动画组件库，包括动画进度条，加载中，开关，TAB页，圆形头像，模糊搜索，蒙板弹框，表格，中继器表格，菜单，动画特效菜单，文件导入，导航条，批量选择，中继器案例等。
AxureRp正版
10-17
Axure RP是一款强大的原型设计工具，专为交互设计师和产品经理设计，用于快速创建网站和应用程序的线框图、原型和规格说明。它以其易用性和灵活性而受到业界的广泛认可，是产品设计流程中的重要组成部分。 标题...
用Axure做页面原型设计
热门推荐
梓隽的博客
06-14 1万+
用Axure做页面原型设计关于Axure打开Axure新建项目/页面元件使用导入元件库为页面元件添加事件用例展示 第一次写博客，偶然的机会让做一个软件的页面原型。也是第一次用，感觉挺有意思，就在这做个记录。有不足之处请谅解。 关于Axure 我用的是AxureRP8。这个官网都可以下载：https://www.axure.com/download，应该是需要邮箱的吧，不记得了。 注册码 ，注册码...
Axure中使用echarts图标
松门一枝花
06-25 1283
js地址可以从echarts下载的图表案例html中查看echarts的版本，然后到国内cdn网站查询，引入国内的地址。代码中的：var dom =$('[data-label=Demo]').get(0);2.选择“打开链接”--“链接到URL或文件路径”如果没有加载出来，多刷几次，一般是js文件没加载到。注意：一定要检查下cdn能否访问，文件是否存在。需要在Axure中引入echarts的js代码。1.交互--新建交互--选择“载入时”，搜索echarts，选择对应版本。3.在fx中输入代码。
设置控成为焦点（Focus）和设置WebForm窗体默认按钮（Default Button）
gaotongzhao的专栏
07-03 1331
设置控成为焦点（Focus）和设置WebForm窗体默认按钮（Default Button） 2008年05月12日 星期一 20:10        用浏览器查看网页时，浏览器会判定哪个控件具有焦点（Focus）。在大多数情况下，浏览器最初都会将焦点放置在浏
js 一键复制
weixin_30902675的博客
07-28 121
js 一键复制 <div id="u77" class="ax_default label"> <div id="u77_div" class=""></div> <!-- Unnamed () --> <div id="u78" cla...
【教程：利用Axure快速原型工具制作电影信息网站】——小白也会，傻瓜式做法，简易快速！！！可应对（毕业）课程设计喔！！
追光者♂：记录、分享、总结、提升，现象级专栏《Python从入门到人工智能》作者，无惧黑暗，坚信曙光
11-05 2176
文章目录一：Axure是干嘛的？二：咋想的呢？（设计来源）三：设计演示四：简易总结（后续可继续更新哈） 一：Axure是干嘛的？ **Axure 全称为 ** Axure RP。Axure是一个专业的快速原型设计工具，多用于网页原型设计，是产品经理常用的原型设计工具之一。它不需要任何编程或写代码基础，就可以设计出交互效果良好的产品原型，常用于互联网产品设计、网页设计、UI设计等领域。 作为一款热门的原型设计工具，它可以完成很多纸和笔画不出来的事情，特别是高交互的页面，用动画效果展现让人瞬间清楚你要表达的内
Axure网页设计模板
05-11
Axure是一个流行的原型设计工具，它提供了许多模板来帮助用户快速创建网页设计原型。以下是一些可以在Axure中使用的网页设计模板： 1. 空白模板：这是一个空白的网页模板，可以自由添加元素和布局。 2. 首页模板：这是一个用于创建网站首页的模板，包含了常见的元素如导航栏、轮播图、特色内容等。 3. 登录/注册模板：这是一个用于创建用户登录和注册页面的模板，包含了常见的元素如表单、按钮等。 4. 商品列表模板：这是一个用于创建商品列表页面的模板，包含了常见的元素如商品图片、价格、描述等。 5. 购物车模板：这是一个用于创建购物车页面的模板，包含了常见的元素如商品列表、结算信息等。 这些模板都可以在Axure中直接导入并进行修改，使其符合项目的需求。同时，Axure还提供了大量的UI组件和图标库，方便用户快速创建各种元素。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值