抽奖组件

当前版本:V1 最近更新:2012-08-16 组件维护:tigerluo

组件说明

官网中常用的flash抽奖组件

更新日志

  • 2012/08/16近期无更新

圆盘抽奖组件:

<body>
<div class="flash"><div id="swfcontent" >
<script src="http://ossweb-img.qq.com/images/js/basic/flashmanagerv5.js"></script>
<script>
 
//点击开始抽奖 通知js  flash->js
function callJsToStart(){
//测试
    callFlashToRoll(1);
}
//开发获得抽奖结果 通知flash开始播放效果 js->flash
function callFlashToRoll(id){
    //通知转盘转到对应的中奖产品的id (序号从0,1,2.....,0是指针初始指示的位置,沿着顺时针的方向递增)
    if(SWFOBJ)SWFOBJ.stopRoll(id);
}
//3、flash动画完成通知js  flash->js
function callJsToComplete(){
    alert('恭喜你获得大奖哟!!');
}
    //初始化抽奖对象的SWFOBJ
    //转盘的中心点坐标为(0,0))
var SWFOBJ= FlashManager.init({
        'flashUrl' : 'http://ossweb-img.qq.com/images/flash/lottery/circle/lotteyround_2013_v1.swf',
        'r':8,//奖品总数
        'width':660,//flash宽度
        'height':660,//flash高度
        'b':'http://ossweb-img.qq.com/images/flash/lottery/circle/g.png',//圆盘的图片 文件格式可以是swf、png、jpg(建议swf 可以压缩)
        's':'http://ossweb-img.qq.com/images/flash/lottery/circle/z.png',//开始抽奖按钮图片
        'bx':0,//圆盘的图片位置x坐标 (转盘的中心点坐标为(0,0))
        'by':0,//圆盘的图片位置y坐标
        'sx':0,//开始抽奖按钮x坐标
        'sy':0,//开始抽奖按钮y坐标
        'contentId' : 'swfcontent',//嵌入swf 的div层的 id
        'onClickRollEvent' : callJsToStart,//对应上面接口
        'onCompleteRollEvent':callJsToComplete //对应上面接口
    });
</script>
</body>

方形抽奖组件:

<head>
<style>
.flash{background:url(lotterybg.jpg) no-repeat;width:421px; height:300px;overflow:hidden;}
</style>
</head>
<body>
 
<div class="flash"><div id="swfcontent"></div></div>
<script src="http://ossweb-img.qq.com/images/js/basic/flashmanagerv5.js"></script>
<script>
//开始抽奖flash->js
function callJsToStart(){
//测试
    callFlashToRoll(1);
}
//开发获得抽奖结果 通知flash开始播放效果 js->flash
function callFlashToRoll(id){
    //通知转盘转到对应的中奖产品的id (序号从0,1,2.....沿着效果光走的顺序,对应下面配置中奖品光效的位置 如id=0 对应显示在19_20的位置)
    if(SWFOBJ)SWFOBJ.stopRoll(id);
}
//3、flash动画完成通知js  flash->js
function callJsToComplete(){
    alert('恭喜你获得大奖哟!!');
}
//初始化抽奖对象的SWFOBJ 可以不知道内部
var SWFOBJ = FlashManager.init({
        'flashUrl' : 'http://ossweb-img.qq.com/images/flash/lottery/lotterybox_2013_v1.swf',
        //'lighturl':'light.png',   //外部光圈png  不填写就用默认的效果
        //'starturl':'startbtn.png',//外部按钮png  不填写就用默认的按钮效果
        'width':800,//flash 宽度
        'height':660,//flash 高度
        'total':18,//抽奖产品的总数
        'sbtnx':239,// 开始抽奖按钮的位置x坐标
        'sbtny':130 ,// 开始抽奖按钮的位置y坐标
        'sbtnw':320,// 开始抽奖按钮的宽度
        'sbtnh':100,// 开始抽奖按钮的高度
        'boxw':100,// 奖品光效的宽度
        'boxh':100,//奖品光效的高度
        'position':"19_20,128_20,238_20,348_19,459_19,568_19,679_19,19_129,128.8_129,568_129,678_129,19_240,128_240,238_240,349_240,459_239,569_239,679_239",
        //奖品光效的位置,对应奖品图片的布局,填入每个奖品的位置以及角度用逗号分割  x_y_rotation(角度为0的可以不填写) 例如19_20或者19_20_0 表示第一个奖品的位置 x坐标为19px y坐标为20px 角度为0。)
        'contentId' : 'swfcontent',//嵌入swf 的div层的 id
        'onClickRollEvent' : callJsToStart,//对应上面接口
        'onCompleteRollEvent':callJsToComplete //对应上面接口
    });
</script>
</body>

使用说明:

flash抽奖组件模板说明及下载:抽奖模板 flashUrl在本地测试时可使用本地flash文件,上传至服务器时请修改为规范中的统一地址 当电脑本地页面要访问网上的flash的时候可能会受到本地的安全限制,如遇此问题请查看《本地安全设置》