关于我们 广告服务 社区论坛
设为首页 加入收藏

行业新闻
服 务 器
模版下载
建站指南
冲浪宝典
办公软件
网站运营
操作系统
QQ 专题
网页制作
安全防御
视频教程
网络编程
SEO专区
软件下载
图像设计
Cisco
网页特效
Wap 技术
联盟赚钱
网页素材
 首页 | 企业建站 | 网页制作 | 网站运营 | 网络编程 | 图像设计 | 冲浪宝典 | 操作系统 | SEO专区 | 联盟赚钱 | Cisco

欢迎来到e天下网络首页>>图像设计>>FLASH>>正文|Flash制作滚动广告图片效果

Flash制作滚动广告图片效果

[ 来路:闪吧      时间:2007-7-10 3:36:13    点击: ]

 

  上次在论坛上有人问到关于这个效果的问题,猪排大哥建议我写个教程,希望大家能够支持。首先我们先来看一下效果吧:

http://www.flash8.net/bbs/UploadFile/2005-7/200571313166609.swf

  这个效果其实主要是 用到按钮的动作,首先我把有关按钮的动作的as简介列出来:

on()
可用性
Flash 2。在 Flash 2 中,不是所有的事件都受支持。
用法
on(mouseEvent) {
// 此处是您的语句
}

参数
statement(s) 发生 mouseEvent 时执行的指令。

mouseEvent 是称作“事件”的触发器。当发生此事件时,执行事件后面大括号中的语句。可以为 mouseEvent 参数指定下面的任何值:

press 在鼠标指针经过按钮时按下鼠标按钮。
release 在鼠标指针经过按钮时释放鼠标按钮。
releaseOutside 当鼠标指针在按钮之内时按下按钮后,将鼠标指针移到按钮之外,此时释放鼠标按钮。
rollOut 鼠标指针滑出按钮区域。
rollOver 鼠标指针滑过按钮。
dragOut 在鼠标指针滑过按钮时按下鼠标按钮,然后滑出此按钮区域。
dragOver 在鼠标指针滑过按钮时按下鼠标按钮,然后滑出此按钮,再滑回此按钮。
keyPress ("key") 按下指定的键。对于此参数的 key 部分,需指定键控代码或键常量。事件处理函数;指定触发动作的鼠标事件或按键事件。
=================================

  接下来我们就开始做这个效果吧。

  1。首先新建一个flash文档,导入5张图片(我们这里做5张图片连续滚动效果,当然你要做更多,就随意了。。。)

Flash制作滚动广告图片效果

  2。接下来我们新建一个图形元件,把图片依次摆成如图样子。

Flash制作滚动广告图片效果

  在摆放的时候可以通过属性控制图片的大小:

Flash制作滚动广告图片效果


  3。接下来就是排列图片了,排成如下的样子:

Flash制作滚动广告图片效果


  排的时候可以用对齐面板:

Flash制作滚动广告图片效果

  4.把所有图片复制,粘贴放成如图的样子:(这样是为了让图形播放起来连贯)

Flash制作滚动广告图片效果

  5。然后再新建一个按钮,在指针经过处插入关键针,

Flash制作滚动广告图片效果


  6.然后画一个矩形,白色填充,大小和你的图片设置大小一样,调整透明度,如图:

Flash制作滚动广告图片效果

Flash制作滚动广告图片效果

  7。新建一个mc1,把图形1拖进去,然后把按钮依次放在图形上,注意位置,这里可以用属性面板控制:

Flash制作滚动广告图片效果

  8。接下来在每一个按钮上添加as代码:

on (rollOver) {
_root.mc.stop();
}
on (rollOut) {
_root.mc.play();
}

  其中mc是以后要民命的实例名。

Flash制作滚动广告图片效果

  8。新建一个mc2,我们把mc1拖进去,在100针出插入关键针,然后将图形向左拖,使得左端开头的位置变为右端结尾位置重合。

Flash制作滚动广告图片效果


  这里可以用属性窗口控制,我原来的x坐标为-250,我图片宽度为-750,所以新图片的位置就是-250-500=-750.'

Flash制作滚动广告图片效果


Flash制作滚动广告图片效果

  9。做动作的补针动画,如图:

Flash制作滚动广告图片效果

  10.回到主场景,把mc2放进去,(命名为mc)。

Flash制作滚动广告图片效果

  好了现在就测试一下吧。由于考虑到新手,因此写的非常详细,包括一些技巧,所以显得有些罗索,不过还是希望大家喜欢。

::::站长友情提示:多花一分钟学点什么都好::::

 

上一篇:Flash实现动态遮罩:图片渐出效果  下一篇:两只蝴蝶飞舞动画,Flash制作方法

 ::热点信息::

 

= = 免责声明 = =

① 欢迎转载我网所刊信息,请注明“来源:E天下网络”。
② 凡本网注明“来源:XXX(非E天下网络)”的作品,均转载自其它媒体,转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如因作品内容、版权和其它问题需要同本网联系的,请在30日内进行。
※联系方式:Airtofly@163.com

::推荐文章::

 

Photoshop 轻松打造神秘银河系

::网页制作::

 

初学:什么是DIV+CSS?有什么
网页制作实例CSS用一张图片实
用CSS控制图片自适应大小的方
小技巧:CSS列表标签出现问题
CSS网页设计中使用背景图片须
想让DIV居中,如何编写CSS的
总结两年以来使用DIV网页排版
DIV CSS技巧:对CSS命名的一
更多内容..

 

 

关于我们 广告服务 友情链接 合作伙伴 社区论坛 免责声明

Copyright © 2007   21kn.com Inc. All rights reserved.e天下网络工作室

网站白天客服QQ:26875416 (非24小时)  合作QQ:597004688    粤ICP备06026423号