flash抽奖转盘通用模板

flash抽奖转盘通用模板,从根本上解决了转盘类活动的问题,开发效率和体验效果上都大有提升。解决了用样式和JS实现转盘抽奖活动效果不佳的问题。
功能如下:
1.以后这种活动只需换几张图片就可以完成转盘了,资源名称随便定义;
2.奖品数量是可控制的;
3.按钮灵活定义!;
4.指针自动旋转效果;
5.鼠标指针效果可以启用;
6.兼容性好,兼容IE6-9,火狐谷歌等浏览器;
7.效果表现好;
8.Javascript+as2.0实现,as只控制表现效果,JS处理相关行为。

效果演示demo1:

参数说明:
flashHoler = "flashContent"     //加载flash的容器ID
autoPlay = "no"                 //初始化时是否自动旋转,"yes" or "no"
setPointer="yes"                 //初始化时是否设置鼠标指针,"yes" or "no"
url_bg = "bg.png";              //转盘背景图片
url_prize = "prize.png";        //奖品图片
url_pointer = "pointer.png";    //指针图片
url_btnStart = "btnStart.gif";  //开始按钮图片,可以是图片或flash
url_btnOver = "btnOver.gif";    //鼠标经过图片
url_btnWait = "btnWait.gif";    //旋转过程中按钮图片
url_btnSuc = "btnSuc.gif";      //旋转结束后按钮图片
W_bg = "510";                   //背景图片尺寸
W_btn = "124";                  //按钮图片尺寸
W_pointer = "150";              //指针图片宽度
H_pointer = "255";              //指针图片高度
totleNum = 10;                  //奖品个数
turns = 5;                      //旋转圈数
stopNum = 3;                    //中奖奖品

外部调用资源说明

背景图片:bg.png 指针:pointer.png 奖品图片:prize.png 按钮:btnStart.gif btnOver.gif btnWait.gif btnSuc.gif

效果演示demo2(按钮为flash):

url_btnStart = "btnStart.swf";  //仅此差别,其余参数均与demo1相同
开始按钮:btnStart.swf

效果演示demo3(自动旋转):

autoPlay = "yes";  //仅此差别,其余参数均与demo2相同

效果演示demo4(个性指针):

url_pointer = "pointer2.png";  //仅此差别,其余参数均与demo3相同
指针:pointer2.png

flash抽奖转盘设计注意事项

设计注意事项

1.转盘的最大宽度和高度是510*510像素的,请在这个范围内设计

2.设计请注意,宽度和高度保持一致,设计的时候一定要按照圆心均分。



3.设计的时候需要提供如下图片

重构注意事项

1.根据Demo引入资源,图片都是导入flash执行的,可以使用png24位的透明图片。

2.资源都是配置的,根据实际尺寸配置背景图片尺寸、按钮图片尺寸、指针图片宽度、指针图片高度、奖品个数、旋转圈数等。

3.flashOver 函数是和程序的接口,用来处理获得的奖品和弹出层。