【实现效果】
拖动右边绿色滑块,可以实现文的上下滚动。
【制作过程】
1.制作以下影片剪辑元件,并取好实例名称即mc、hk、jdt,mc即是我们要滚动的文本,所有元件注册点左上角。并把它们放于舞台之中,让它们的y值都为0,即对齐于舞台顶部,如图。
2.新建图层2为遮罩层,在场景中画一个影片
剪辑为遮罩,注意其宽度和高度,不用取实例名称,如下图:
3. 双击mc进入其级别,再将内部的文本转化为影片剪辑,然后进入其级别,在80帧插入关键帧,并在80帧处将该影片向上移动,使其底部与进度条的底部对齐。
4.新建一层,在第一帧中编写代码:
hk.onPress = function() {
startDrag("hk",false,jdt._x,jdt._y,jdt._x,jdt._y+jdt._height-hk._height);
};
hk.onRelease = hk.onReleaseOutside=function () {
stopDrag();
};
hk.onMouseMove = function() {
mc.gotoAndStop(int(mc._totalframes*(hk._y-jdt._y)/(jdt._height-hk._height)));