Axure9教程：内联框架-搜索引擎效果

拖入一个矩形作为画板页面，添加填充颜色，并将其置于底层，在画板上拖入一个图片，一个文本框，一个按钮。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/35948.html

（2）搜索结果展示区域文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/35948.html

拖入一个内联框架作为结果显示区域。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/35948.html

文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/35948.html

2、添加交互动作文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/35948.html

（1）搜索按钮，添加交互动作文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/35948.html

【单击时】-【框架中打开链接】，目标选择内联框架【搜索结果】；文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/35948.html

链接到选择【链接到URL或文件路径】；文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/35948.html

文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/35948.html

（2）跳转链接拼接文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/35948.html

在浏览器中使用百度搜索引擎，任意输入搜索内容，查看地址栏，会发现输入的内容在链接中。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/35948.html

文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/35948.html

我们复制地址栏中的链接，粘贴到弹出的链接地址编辑框中。用局部变量获取输入的搜索内容进行替换。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/35948.html

文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/35948.html

（3）解决搜索引擎拦截的问题文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/35948.html

预览时发现百度搜索引擎不允许进行内联，更换其它搜索引擎。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/35948.html

文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/35948.html

更换为360搜索引擎后可以正常使用。但是页面中存在两个搜索框，非常别扭。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/35948.html

 文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/35948.html

文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/35948.html

（4）去掉自带的搜索框文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/35948.html

使用截图工具，在预览的界面上查看自带的搜索框区域的高度，然后拖入一个矩形，调整高度和宽度能遮挡住自带的搜索框。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/35948.html

文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/35948.html

文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/35948.html

3、最终效果文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/35948.html

文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/35948.html