DIV:<div class="lottery-wheel">
    
    <div class="tbc-lottery tbc-lottery-s1 J_LotteryWheelContainer" style="width: 352px; height: 352px; ">
       <div class="tbc-lottery-wheel J_LotteryWheel" style="width: 352px; height: 352px; -webkit-transition: -webkit-transform 0s ease-out; -webkit-transform: rotate(356.9959880914539deg); ">
           <img src="http://gtms01.alicdn.com/tps/i1/T13UKwFmtgXXaCwpjX.png" style="visibility: visible; ">
       </div>
       <div class="tbc-lottery-trigger J_LotteryWheelTrigger" style="left: 126px; top: 126px; "></div>
       <div class="tbc-lottery-arrow J_LotteryArrow" style="left: 164px; top: 81px; "> </div>
    </div>
</div>

解决方案 »

  1.   

    js部分1:
        <script>
            var scripts = document.getElementsByTagName('script'),
    thisScriptTag = scripts[ scripts.length - 1 ];
            KISSY.ready(function (S) {
                S.use('dom, tbc/lottery/1.2.10/wheel-init', function(S, D, Lottery) {
                        var parent =  D.parent(thisScriptTag);

                        var container = D.get(".J_LotteryWheelContainer",parent),
                            wheel = D.get(".J_LotteryWheel", parent),
                            arrow =  D.get(".J_LotteryArrow", parent),
                            trigger = D.get(".J_LotteryWheelTrigger",parent);                    //图片大小自动控制                    var img = D.get("img",parent),
                            imgObject = new Image();                    imgObject.onload = function(){                        var width = height = imgObject.width,
                            triggerLeft = width/2 - 100/2,
                            triggerTop = width/2 - 100/2,
                            arrowLeft = width/2 - 24/2,
                            arrowTop = width/2 - 95;                        D.width(wheel,width);
                            D.height(wheel,width);
                            D.width(container,width);
                            D.height(container,width);
                            D.css(trigger, {
                                visibility: '',
                                left:triggerLeft,
                                top:triggerTop
                            });
                            D.css(arrow, {
                                visibility: '',
                                left:arrowLeft,
                                top:arrowTop
                            });
                        }
                        imgObject.src = img.src;                    //得到页面中的checkcode和time                    var checkcodeEl = D.get("#J_check_code"),
                            timeEl = D.get("#J_check_time"),
                            checkcode,
                            time;                    if(checkcodeEl){
                            checkcode = D.val(checkcodeEl);
                            time = D.val(timeEl);
                        }
      

  2.   

    js部分2:            var prefix =
                            '<div class="tbc-lottery-popup tbc-lottery-result">',                    suffix =
                                '<div class="tbc-lottery-popup-footer">' +
                                            '{{#if "success" === award_status && 0 == award_type}}' +
                                                '<span class="tbc-lottery-button J_TBC_LotteryAddress">填写收货地址</span>' +
                                            '{{#else}}' +
                                                '<span class="tbc-lottery-button J_TBC_LotteryPopupHide">确定</span>' +
                                            '{{/if}}' +                                        '{{#if "success" === award_status && has_share}}' +
                                                '<a target="_blank" href="http://service.weibo.com/share/share.php?title={{award_share_title}}我抽中了:{{award_name}}。&url={{award_share_uri}}&pic={{award_share_pic}}&tracelog={{award_share_tracelog}}" class="tbc-lottery-button tbc-lottery-share J_TBC_LotteryShareResult">分享到新浪微博</a>' +
                                            '{{/if}}' +
                                        '</div>' +
                                    '</div>';                    var resultTplt = {
                            F: // 统一的未中奖模板
                               prefix +
                               '<div class="tbc-lottery-popup-content tbc-lottery-fail">' +
                                   '<div class="">' +                                   '<div class="tbc-lottery-result-icon"></div>' +
                                       '<div class="tbc-lottery-result-box">' +
                                           '<p class="tbc-lottery-result-main">很遗憾,本次抽奖没有抽中噢。' +
                                               '{{#if award_left_chance && award_left_chance_num}}' +
                                                   '您还有{{award_left_chance_num}}次抽奖机会。' +
                                               '{{/if}}' +
                                           '</p>' +                                        '<table class="tbc-lottery-rules">' +                                                                                               '<tr>' +
                                                        '<th>活动提示:</th>' +
                                                        '<td>听说对着屏幕吹口气,运气会更好哦!</td>' +
                                                    '</tr>' +
                                                                                                                                                    '<tr>' +
                                                        '<th>活动规则:</th>' +
                                                        '<td class="tbc-lottery-rule-list">' +
                                                            '<a target="_blank" class="" href="http://bangpai.taobao.com/group/thread/15531033-287832335.htm">抽奖规则>></a><a target="_blank" class="" href="http://www.taobao.com/et/baihuo/1212_buyer_rules.php">活动规则>></a><a target="_blank" class="" href="http://style.taobao.com/go/et/style/aitao.php?spm=a214t.6905429.a21477v.6.ejBsh6">关注腔调>></a>'+
                                                        '</td>' +
                                                    '</tr>' +
                                                                                        '</table>' +
                                       '</div>' +
                                   '</div>' +
                               '</div>' +
                               suffix,
                            E015: // 抽奖次数达到上限(当天)
                                 prefix +
                                '<div class="tbc-lottery-popup-content tbc-lottery-fail">' +
                                    '<div class="">' +
                                        '<div class="tbc-lottery-result-icon"></div>' +
                                        '<div class="tbc-lottery-result-box">' +
                                            '<p class="tbc-lottery-result-main">很遗憾,您没有抽奖机会了。</p>' +
                                                                                    '<p class="tbc-lottery-result-sub">休息休息,明天再来吧!</p>' +
                                                                                    '<table class="tbc-lottery-rules">' +
                                                                                               '<tr>' +
                                                        '<th>活动提示:</th>' +
                                                        '<td>关注淘宝腔调官方微淘,秘密好店等你发现~</td>' +
                                                    '</tr>' +
                                                                                                                                                    '<tr>' +
                                                        '<th>活动规则:</th>' +
                                                        '<td class="tbc-lottery-rule-list">' +
                                                            '<a target="_blank" class="" href="http://bangpai.taobao.com/group/thread/15531033-287832335.htm">抽奖规则>></a><a target="_blank" class="" href="http://www.taobao.com/et/baihuo/1212_buyer_rules.php">活动规则>></a><a target="_blank" class="" href="http://style.taobao.com/go/et/style/aitao.php?spm=a214t.6905429.a21477v.6.ejBsh6">关注腔调>></a>'+
                                                        '</td>' +
                                                    '</tr>' +
                                                                                        '</table>' +
                                        '</div>' +
                                    '</div>' +
                                '</div>' +
                                suffix,                        E016: // 抽奖次数达到上限(整个抽奖周期,比如是一周的活动)
                                prefix +
                                '<div class="tbc-lottery-popup-content tbc-lottery-fail">' +
                                    '<div class="">' +
                                        '<div class="tbc-lottery-result-icon"></div>' +
                                        '<div class="tbc-lottery-result-box">' +
                                            '<p class="tbc-lottery-result-main">很遗憾,您没有抽奖机会了。</p>' +
                                                                                    '<p class="tbc-lottery-result-sub">亲,您太热情了,抽奖次数都用光了哦!</p>' +
                                                                                    '<table class="tbc-lottery-rules">'+
                                                                                               '<tr>' +
                                                        '<th>活动提示:</th>' +
                                                        '<td>赶快收藏您喜欢的店铺,把您中意的商品加入购物车吧!</td>' +
                                                    '</tr>' +
                                                                                                                                                    '<tr>' +
                                                        '<th>活动规则:</th>' +
                                                        '<td class="tbc-lottery-rule-list">' +
                                                            '<a target="_blank" class="" href="http://bangpai.taobao.com/group/thread/15531033-287832335.htm">抽奖规则>></a><a target="_blank" class="" href="http://www.taobao.com/et/baihuo/1212_buyer_rules.php">活动规则>></a><a target="_blank" class="" href="http://style.taobao.com/go/et/style/aitao.php?spm=a214t.6905429.a21477v.6.ejBsh6">关注腔调>></a>'+
                                                        '</td>' +
                                                    '</tr>' +
                                                                                        '</table>' +
                                        '</div>' +
                                    '</div>' +
                                '</div>' +
                                suffix,
                            E066://前置条件失败
                                prefix +
                                '<div class="tbc-lottery-popup-content tbc-lottery-fail">' +                                '<div class="">' +
                                        '<div class="tbc-lottery-result-icon"></div>' +
                                        '<div class="tbc-lottery-result-box">' +
                                            '<p class="tbc-lottery-result-main">您目前没有抽奖机会哦。</p>' +
                                                                                     '<p class="tbc-lottery-result-sub">您还没有关注淘宝腔调官方微淘~ </p> ' +
                                                                                     '<table class="tbc-lottery-rules">' +
                                                                                                    '<tr>' +
                                                        '<th>活动提示:</th>' +
                                                        '<td>关注淘宝腔调官方微淘,即可获得10次抽奖机会,赶快去行动吧!</td>' +
                                                    '</tr>'+
                                                                                                                                                    '<tr>' +
                                                        '<th>活动规则:</th>' +
                                                        '<td class="tbc-lottery-rule-list">' +
                                                            '<a target="_blank" class="" href="http://weitao.taobao.com/tzh/home.htm?spm=a214t.6905429.1440912629.2.QI38si&tzhUserId=1773055112">点击关注微淘</a><a target="_blank" class="" href="http://bangpai.taobao.com/group/thread/15531033-287832335.htm">了解抽奖规则</a><a target="_blank" class="" href="http://www.taobao.com/et/baihuo/1212_buyer_rules.php">了解活动规则</a>'+
                                                        '</td>' +
                                                    '</tr>' +
                                                    
                                            '</table>' +
                                        '</div>' +
                                    '</div>' +
                                '</div>' +
                            suffix
                        };