Flash让动画跟鼠标移动代码

核心提示1、单击属性中的尺寸,在打开的"文档属性"对话框中设置场景大小为400×300,背景为蓝色。如图1所示。2、 按快捷键"Ctrl+F8"新建一个名为"action"的"影片剪辑"符号。如图2所示。3、单击图层1的第1帧,按F9打开动作面板,

1、单击属性中的尺寸,在打开的"文档属性"对话框中设置场景大小为400×300,背景为蓝色。如图1所示。2、 按快捷键"Ctrl+F8"新建一个名为"action"的"影片剪辑"符号。如图2所示。3、单击图层1的第1帧,按F9打开动作面板,添加如下语句:// 设置文字的位置i = "10";while (Number(i)>=1) {set("/t" add i add ":xx", eval ("/t" add (i-1) add ":xx") + 15);set("/t" add i add ":yy", eval ("/t" add (i-1) add ":yy"));i = i-1; // 函数 eval(Variable):获取某一变量的值}// 重新获得初始位置/t1:xx = Number(getProperty("/tracker", _x))+15;/t1:yy = getProperty("/tracker", _y);// 重新写入文字的坐标i = "8";while (Number(i)>=1) {setProperty("/t" add i, _x, eval ("/t" add i add ":xx"));setProperty("/t" add i, _y, eval ("/t" add i add ":yy"));i = i-1;}4、单击第2帧,按F6插入关键帧,右键单击第二帧,在弹出的菜单中选择动作,弹出Actions选项卡,如图4添加如下语句:gotoAndPlay(1); 5、按"Ctrl+F8"。建立一个名为"欢"和"影片剪辑"符号,选取文字工具,选 字体为"华文行楷",字号为20,颜色为红色,在场景中输入一个"欢"字,按"Ctrl+K"弹出"对齐"对话框,分别单击"垂直居中"与"水平居中"使文字居中6、用同样的方法分别插入名为"迎"、"光"、"临"、"网"、"页、"教"、"学"的"影片剪辑"符号,在对应的场景中输入相应的文字。 7、按"Ctrl+F8"新建一个名为"tracker"的"影片剪辑"。8、回到场景1,按Ctrl+L打开库,将"tracker"影夹拖到场景中的左上角,在"实例名"处键入"tracker",单击第一帧,按F9打开动作面板,添加输入如下语句:startDrag("/tracker", true);// 拖动对象 tracker9、单击图层1的第三帧,按"F6"插入关键帧,将"action"拖到场景中 "tracker"的右边,在"实例名"处键入"action", 按F9打开动作面板,添加如下语句:stop();10、分别将"欢"、"迎"、"光"、"临"、"网"、"页"、"教"、"学"从库中拖到场景中,如图4所示,并分别在"实例名"中键入t1、t2、t3……t8。

一、实现CSS3无限循环动画代码示例。

代码如下:

CSS:

@-webkit-keyframes gogogo {

0%{

-webkit-transform: rotate(0deg);

border:5px solid red;

}

50%{

-webkit-transform: rotate(180deg);

background:black;

border:5px solid yellow;

}

100%{

-webkit-transform: rotate(360deg);

background:white;

border:5px solid red;

}

}

.loading{

border:5px solid black;

border-radius:40px;

width: 28px;

height: 188px;

-webkit-animation:gogogo 2s infinite linear ;

margin:100px;

}

扩展资料

实现动画无限循环所需要的CSS属性说明:

1、infinite

在animation后面加上infinite就可以无限循环,另外还可以做反向循环使用animation-direction

2、animation-name

规定需要绑定到选择器的 keyframe 名称。

3、animation-duration

规定完成动画所花费的时间,以秒或毫秒计。

4、animation-timing-function

规定动画的速度曲线。

5、animation-delay

规定在动画开始之前的延迟。

6、animation-iteration-count

规定动画应该播放的次数。

7、animation-direction

规定是否应该轮流反向播放动画。

 
友情链接
鄂ICP备19019357号-22