1、拖动一个下拉列表框到面板中央，设置三个下拉选项：请选择、美女、野兽
2、拖动一个方框到下拉列表框下方，右键选择“转换为动态面板”
3、双击动态面板，对动态面板命名为“美女与野兽”（对动态面板命名不是强制项，但是是个良好的工作习惯，尤其对于交互比较复杂的设计，如果没有命名是很糟糕的），设置面板状态为：空白、美女、野兽。
4、双击面板状态“美女”，进入面板状态为“美女”的编辑区，放入一张美女图片
5、参考上一步骤，进入面板状态为“野兽”的编辑区，放入一张野兽图片，嘿嘿，我放的是大猩猩……
6、接下来就是动态面板设置的核心设置交互了！a.选择下拉列表框，在交互区点击“选项改变时”，会弹出一个用例编辑窗口；b.在用例名称后面点击“添加条件”，弹出条件编辑窗口；c.条件选择“被选项 this = 美女”，意思就是下拉选项为美女,点击确定即添加了前提条件；d.条件有了，接下来就是“设置面板状态”，选择我们刚刚命名的动态面板“美女与野兽”，选择状态为“美女”，点击确定即可。以上这段操作的意思翻译一下，就是当下拉列表为“美女”时，就显示面板状态为“美女”！
7、同上操作，设置下拉列表为“野兽”时，就显示面板状态为“野兽”
8、好了，大功告成！点击F5，以HTML的形式在网页查看，更换下拉选项，就可以看到，界面上会根据下拉列表的值变化而显示不同的图片。是不是简单又神奇呢！o(*￣︶￣*)o
