您的位置:首页 >> 网页教程 >> Flash >>

AS应用:鼠标控制的跑马灯效果教程

作者:佚名 时间:2007-09-26 来源:网络收集

Empire CMS,phome.net

做了个不太一样的跑马灯,你可以左右移动鼠标控制运动方向和速度。点击这里查看效果。代码如下:

/***************import classes***************/
import mx.transitions.*;
/*********declare variables and instances*******/
var nextX = 0;
var num = 7;
var speed = 2;
/****************create objects**************/
var initThumb:Object = new Object();
/****************handle events**************/
this.createEmptyMovieClip("mcScroller", this.getNextHighestDepth());
mcScroller._x = 0;
mcScroller._y = 20;
mcScroller.onEnterFrame = function() {
 this._x -= speed;
 if(this._x>0||this._x<Stage.width-this._width){
  speed *= -1;
 }
};
for (i=0; i<7; i++) {
 thumbName = "mcThumb"+i;
 newThumb = mcScroller.attachMovie("thumbs", thumbName, i, initThumb);
 newThumb.photo.attachMovie("p"+i, p, i);
 newThumb._x = nextX;
 newThumb._y = 0;
 newThumb._alpha = 50;
 nextX += 120;
}
setInterval(_root, "scroller", 50);
/******************functions****************/
function scroller() {
 if (this._ymouse>mcScroller._y) {
  var scrollSpeed = (this._xmouse-Stage.width/2)/10;
  mcScroller._x -= scrollSpeed;
  if (Math.abs(scrollSpeed)<5) {
   scrollSpeed = 0;
  }
  if (mcScroller._x>0) {
   mcScroller._x = 0;
  } else if (mcScroller._x<Stage.width-mcScroller._width) {
   mcScroller._x = Stage.width-mcScroller._width;
  }
 }

在这里,使用的是库中的图像(保存在p1到p7的mc中),当然也可使用xml对象进行动态设置来调取外部图像文件。而且,你也可以在其中加入一些链接之类的内容。

Empire CMS,phome.net

中华大观园版权申明:本站部分图片和文章来源于网络。除部分特别声明不要转载,或者授权我站独家播发的文章外,大家可以自由转载我站点的原创文章,但原作者和来自我站的链接必须保留(非我站原创的,按照原来自一节,自行链接)。

转载要求:转载之图片、文件,链接请不要盗链到本站,且不准打上各自站点的水印,亦不能抹去我站点水印。 特别注意:本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有。

免责声明:本站刊载此文不代表同意其说法或描述,仅为提供更多信息,也不构成任何建议。对本文有任何异议,请联络:5000sky@gmail.com
现有 条评论 | 更多评论..
我要发表看法
验证码: 匿名发表(无需注册)
    如果您还不是中华大观园会员,欢迎加入
  • ※ 评论注意事项:
  • 您的评论将在管理员审核后才会显示。
  •   
  • 不是中华大观园会员或未登陆发表评论,评论人名字显示为匿名。
  • 尊重网上道德,遵守中华人民共和国的各项有关法律法规
  • 承担一切因您的行为而直接或间接导致的民事或刑事法律责任
  • 本站管理人员有权保留或删除评论中的任意内容
  • 参与本评论即表明您已经阅读并接受上述条款