Dreamweaver的教程：没有Flash互动在线动画

打开desolation.ai从盖CD -或者从zip文件中提供相反的-在Illustrator，或者如果你喜欢，创建你自己的一些作品，在Illustrator或Photoshop。距离每架飞机分离到一个新的层或新的文件，这样就可以保存这些独立出来以后。请记住，当你接近相机一点，在这些层对象将需要更大。在Illustrator中，这是好的，因为向量是可调整大小，但在Photoshop中，你需要提前计划。

关闭，除了天空的所有图层，然后选择文件>另存为Web和设备。我们视或“摄像头”将是960像素宽，我们想天空动了一下，但不要太多，所以保存这一形象在980像素宽将图像大小选项卡，然后输入宽度980像素。使用PNG-24的预设和保存。

关闭“天空”图层，然后打开“1级”层上。再次选择文件>另存为Web和设备。这一次，确保透明度框打勾，并再次选择PNG-24。此图片是横向的最远飞机，所以它想搬到比天空多一点; 使990像素宽，然后单击保存。

重复其余的每个面的上一步：“2级”，“3级”和“称号”。确保每个大于最后通过调整大小选项中存储为Web对话框。请记下你选择的尺寸，铭记更大的图像，为您平移越会移动，因此越接近它会出现在相机

打开的JQuery的网站在浏览器中并下载jQuery框架的最新版本。接下来在Dreamweaver中创建一个新的HTML文档（或其他HTML编辑器）。您需要裸露的骨头的HTML页面，包括部分和部分。

我们需要创建将被用来显示在浏览器窗口中的图像的HTML。我们使用CSS背景的我们的代码，但是你可以使用就像成功的标签。复制并粘贴代码第6步 Zip文件到你的页面中; 在中找到它的您网页的标签

下面的代码输入真的是相当长的; 你可以找到它在覆盖CD或Zip文件中的第7步。在中的页面复制部分和粘贴代码样式较前顶部定位每一层。注意，视口被定位相对，并且每个所述图像层的绝对定位。我们也将通过使用负的左边和顶部值中心位置的每一层，并设置视口隐藏在overflow属性，以确保您看不到视口的区域以外的图层

测试在浏览器的页面，你应该看到的一切排着队完美地创建图像。该图像是静态然而，让我们处理，现在添加视差功能。首先添加一个链接到您先前下载的jQuery库。以下内容添加到您的部分：<脚本类型=“文/ JavaScript的”SRC =“jQuery的-1.3.2.min.js”>

添加另一个script标签并插入标准的jQuery“页面时准备好”功能-$（文件）。就绪（函数（） 。我们所有的jQuery代码将坐在这个函数内。jQuery的API的网站，是语法和示例代码的优秀资源。

我们需要时，它在移动视口跟踪鼠标的位置的