用Flash8实现图片跟随鼠标移动特效

在当前互联网时代，网页特效是非常重要的，其中图片的过渡效果更是它的“热门话题”。有的图片可以随着鼠标的移动自动变化，现在我们将根据一个特效来展示这个变化效果。本文将介绍如何实现鼠标左右移动时图片也随着左右移动，并且鼠标离开屏幕中心越远，图片移动的速度就越快。

准备工作

首先，打开Flash8，新建一个文档，设置大小为400*250，背景颜色为白色，帧频为12fps。然后执行导入-导入到舞台命令，将需要使用的水浒英雄图片导入到舞台中并自动导入到库中。接下来，打开库，找到水浒英雄图片，双击该图片打开其位图属性面板，记住其宽度为2204*400。

制作影片剪辑元件

其次，我们需要制作一个影片剪辑元件，名称为“移动”，并单击确定进入元件编辑区域。从库中拖入水浒英雄图片到编辑区域，选择该图片并设置全居中（水平中齐、垂直中齐）使其中心和编辑区域中心对齐。再次从库中两次拖入水浒英雄图片，分别放置在第一次拖入图片的两侧，并调整三幅图片的位置，使他们首尾相接。

制作另一个影片剪辑元件

接下来，我们需要再制作一个影片剪辑元件，名称为“缩放”，点击确定进入编辑区域。从库中拖拽“移动”影片剪辑元件到编辑区域，在属性面板中输入实例名称为picmove。回到主场景，从库中拖拽“缩放”元件到舞台，在属性面板中输入实例名称为pic。选择该元件，打开动作面板并输入代码。

创建图层并添加元素

然后，我们需要在新建图层2上选择工具箱里的椭圆工具，设置笔触颜色为黑色，填充颜色为无，按住shift键在舞台中心绘制一个正圆。设置圆的大小为50*50，选择工具箱里的铅笔工具，在圆中绘制一个“十”字图样。最后，选择工具箱里的文本工具，设置字体为王羲之书法字体，大小为60，颜色为黑色，在舞台上输入“水浒英雄”。

测试

完成以上步骤后，执行文件-保存命令，保存名称为“水浒英雄”，然后按ctrl enter组合键进行测试。

总结

如此简单的操作，我们就成功地实现了图片跟随鼠标移动的特效。当鼠标不断地左右移动时，图片也会随着移动而变化，同时离开屏幕中心越远，图片移动的速度也会越快。如果您想让您的网页更加吸引眼球，不妨尝试实现一个图片跟随鼠标移动的特效吧！

版权声明：本文内容由互联网用户自发贡献，本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。