flash制作一个投票效果

Jul 1

bearjia , 18:12 , Flash相关 , 评论(0) , 引用(0) , 阅读(723) , Via 本站原创

用JS来做一个拥有良好效果的投票系统，需要写的样式以及JS代码会较多。
虽然有很多依靠JQ库的现成的例子，但是那不是我所追求的。
我们应当追求原创。
我们只需要少量的代码即可在flash中完成投票系统的前台。

我们需要用到缓动类库greensock。
代码如下：

import com.greensock.*;
import com.greensock.easing.*;

var num1=1232;
var num2=385;
var num3=613;
var num4=134;
var num=num1+num2+num3+num4 ;//总人数

var x1=num1/num*300-300;
var x2=num2/num*300-300;
var x3=num3/num*300-300;
var x4=num4/num*300-300;

bear2.addEventListener(MouseEvent.CLICK,bearx);

function bearx(event:MouseEvent):void
{
  TweenLite.to(water1.bear1, 1, {x:x1, y:0, motionBlur:true, ease:Expo.easeOut});
  TweenLite.to(water2.bear1, 1, {x:x2, y:0, motionBlur:true, ease:Expo.easeOut});
  TweenLite.to(water3.bear1, 1, {x:x3, y:0, motionBlur:true, ease:Expo.easeOut});
  TweenLite.to(water4.bear1, 1, {x:x4, y:0, motionBlur:true, ease:Expo.easeOut});
}

其中的water1-4都用的一个MC，只是实例名不同。在bear1上我使用的是遮罩，然后用缓动类将bear1这个MC按总票数的比例移动到指定的X坐标上。
我们可以使用很多的方法来完成这个简单的效果，但是我的项目中已经有了greensock缓动库，也就拿来耍耍。
没什么创意，仅供娱乐。