html下拉导航菜单制作.docx

Wordhtml下拉导航菜单制作 　　wps演示在工作使用过程中，一般都有好几张，甚至几十张，假如在任何一张幻灯片中想快速知道哪些内容在哪一页，且快速转到指定页，让你有一个明确的导航指示该怎样制作呢?今日，就教大家在Wps中制作下拉式导航菜单的操作方法　　Wps中制作下拉式导航菜单的操作步骤如下：　　一、制作出导航栏目　　1、打开你的演示文档或新建一个演示文档，在主菜单栏中找到"插入'选项，在插入下拉菜单中找到"外形'　　2、打开"外形'掌握面板，在流程图中选择圆角矩形(你也可以依据自己的喜好选择其他图形，一般常用的都是矩形或圆角矩形)然后在打开的或新建的演示文档中，你认为合适的地方画出一个外形，调整大小，双击打开"设置对象格式'掌握面板　　3、在"设置对象格式'掌握面板中，设置好你喜爱的填充色，透亮     度，线条色(一般状况下线条色选择无线条色，看起来更自然)，尺寸，位置等，设置好后，点击右下角的确定按钮　　4、选中刚才设置好的外形，然后在上面单击鼠标右键，选择"复制'，再单击鼠标右键，选择"粘贴'，连续粘贴直至粘贴数目，满意你需要设置导航的幻灯片的个数(幻灯片数目较少时，可以将每一页都设置导航，即粘贴数目等于你的幻灯片数目)　　5、粘贴完成后，将粘贴产生的新外形，依次拖动到原来外形的下方，适当调整距离和位置。

然后用鼠标框选住宅有外形图形，接着在主菜单栏里找到"绘图工具'菜单　　6、在绘图工具下拉菜单中，找到"对齐'功能，点击并绽开，在其下拉菜单中，选择"水平居中'，然后再次框选住宅有外形，再在"对齐'里面选择"纵向分布'，操作完成后，全部的外形图形就排列很整齐了，距离也都一样了　　7、接下来，我们选中第一个外形图形，单击鼠标右键，选择"添加文字'，第一个图形上可编辑为导航栏，下面每一个图形你可以依据自己的需要，在上面编辑出你的内容，建议最好和你导航将要跳转的幻灯片是关联的，知道将要跳转到哪一张幻灯片，以免在导航时出错　　二、设置点击跳转到指定内容动作　　1、选中"导航栏'下面的第一个外形(也就是由上而下其次个外形)，单击鼠标右键，选择"动作设置'，在动作设置面板中，选择"超链接到'，再绽开下面的选项框，选择"幻灯片'，在"超链接到幻灯片'掌握面板中选择你要链接到的那一张幻灯片，也就是与你前面添加的文字内容相对应，点击外形图后，它会自动跳到你所选择的这一张幻灯片最终单击确定　　2、同样的方法，将下面的每一个导航内容，都设置好超链接到你指定的内容为了获得更好的点击效果，你可以在动作设置面板中最下方的"播放声音'勾选上，设置好你自己喜爱的声音，自定义声音，可以在下方选择"其他声音'，然后选择你自己预备好的声音。

　　3、为保证刚才设置好的外形不被破环位置，内容等，我们将设置为一个整体将"导航栏'下面的全部外形框选住，再单击鼠标右键，选择"组合'，在下拉菜单中，再选择"组合'，将它们组合成一个完整的个体　　三、制作下拉和收回效果　　1、选中刚才组合好的外形框，再单击鼠标右键，选择"自定义动画'进入"自定义动画面板'　　2、在自定义动画面板中，依次选择"添加效果'再选择"进入'，再选择"其他效果'，在"其他效果'里选择"切入'效果　　3、接下来在"自定义动画面板'中，修改刚才设置的"动画'，点击后面的小三角形绽开，选择"效果选项'将"效果"里的'方向"改为'自顶部"，'计时"里的'触发器"改为'单击下列对象时启动效果"，再选择'流程图，可选过程"，不要选择'组合..."最终点击'确定"这就是下拉效果　　4、再接着在文档中选中组合好的外形框，再单击鼠标右键，选择"自定义动画'进入"自定义动画面板'在自定义动画面板中，依次选择"添加效果'再选择"退出'，再选择"其他效果'，在"其他效果'里选择"切出'效果　　5、接下来在"自定义动画面板'中，修改刚才设置的"动画'，点击后面的小三角形绽开，选择"效果选项'。

将"效果"里的'方向"改为'到顶部"，'计时"里的'触发器"改为'单击下列对象时启动效果"，再选择'流程图，可选过程"，不要选择'组合..."最终点击'确定"这就是收回效果　　四、让导航栏消失在每一张幻灯片　　1、框选住刚在的全部外形框，点击鼠标右键，选择'剪切"再在主菜单栏里找到'视图"，在下拉菜单中找到'幻灯片母板"，点击并进入　　2、在打开的幻灯片母板里，在刚才文档同样的位置，单击鼠标右键，选择'粘贴"，将之前制作的导航复制过来　　3、最终单击菜单栏中的'关闭"按钮，关闭母板这样每一张幻灯片中都有导航栏了，最终播放你的幻灯片，试试效果，是不是很好用了 - 4 -。