点击查看大图
轻松使用Rollowers面板：过去在Photoshop里你只能看到网页行为设计的一切片，现在通过ImageReady你可以快速浏览整个行为过程。首先网页设计者在ImageReady Rollovers面板里能看到所有的行为切片(Slices)，动画帧(Animations)、Map热区(Image Maps)，而且有一个方便的操作面板并能通浏览器方便的看到其运行结果。而添加行为片段也非常简单，你只需要在Rollovers面板中通过点击按钮添加一个图层就可以了。
让你的网页更引人注目：ImageReady7.0中的Selected State充许你创建更富想象力的网页而不需要你编译任何JavaScript代码。例如你可以创建一个包含鼠标事件的导航条。下列我们将介绍具体使用方法：
1、打开一张图片→选择工具面板上的切片(Slice)工具 
→在图片选取范围区(Over State)鼠标移动到图片到的效果→在Rollovers面板点击基于层创建切片(Create layer-based Rollover) 
，任意在图片在写几个字或改变图片颜色(Down State)鼠标点击下去的效果→重复上述步骤(Click State)鼠标点击时效果。
2、选取工具面板上的图片热区工具(Image Maps) 
→在图片上选取范围→在Image Map属性面板填写各项属性。
属性面板
3、在属性面板的Animation右侧的 
点击鼠标左键在菜单中选取新建帧(New Frame)→改变图片效果→在属性面板左下方(预览图下方)选取帧循环次数，默认为永循环(Forever)。
点击工具面板中的IE浏览器图标，在浏览器中看看面页效果。
工具面板 Rollowers面板