jQuery手机端红包雨抽奖代码

jQuery手机端红包雨抽奖代码

jQuery手机端红包雨抽奖代码

一款实用的jQuery手机端红包雨抽奖代码,开场飞机拉横幅飞过动画,点击打开红包进行抽奖。

源码介绍

js代码

"text/javascript" src="js/jqfloat.js"
"text/javascript"> 
$(document).ready(function() { 
    $('.dd').hide(); 
    setTimeout(function(){$('.dd').show();},6000); 
    $('.dd').jqFloat({ 
        width: 1408
        height: 800
        speed: 7000
        minHeight: 50 
    }); 
    var select_div = function(tab,_text) { 
        tab.click(function(){ 
            $(this).children('.tt').hide();  
             $(this).css('backgroundImage','url(images/red-bag/hby_img_band.png)'); 
             setTimeout(function(){ tab.hide();$('.pop-box h5').text(_text); 
             $('.fancy-overlay').show(); },200);            
              
        }); 
   }
   var select_div1 = function(tab) { 
       tab.click(function(){          
              
             $(this).children('.tt').hide();             
             setTimeout(function(){ tab.css('backgroundImage','url(images/red-bag/home_btn_hby_bubble.png)'); tab.children('.tt').show(); },3000); 
              
              
        }); 
   }
    
 
   select_div($('.div .dd:eq(0)'),'10金币'); 
   select_div($('.div .dd:eq(3)'),'5代金券'); 
   select_div($('.div .dd:eq(1)'),'再接再励'); 
   select_div($('.div .dd:eq(2)'),'20代金券'); 
   select_div($('.div .dd:eq(4)'),'再接再励'); 
   select_div($('.div .dd:eq(5)'),'15代金券'); 
   select_div($('.div .dd:eq(6)'),'再接再励');             
    $('.btn').click(function() { 
            $('.fancy-overlay').hide(); 
 
        }); 
    var angle = 0
    setInterval(function() { 
        angle += 10
        $(".tt img").rotate(angle); 
    }100); 
    // var hh = setInterval(bb(),10000); 
    function bb(){ 
 
         $('.fly').prepend('
'); 
         $('.fly_1').prepend(''); 
        // setTimeout(function(){         
         $('.fly_1').animate({ 
            'left':-100
            'top'100}
            10000function() { 
                $('.fly_1').remove(); 
           }); 
 
     // },100) 
      
    }
    bb(); 
    var hh = setInterval(bb,15100); 
     
}


分享到 :
类似老虎机特效移动端网页源码
上一篇 2018-05-30 09:00:09
html在线抽奖源码(支持作弊)
2019-05-29 10:49:20 下一篇

发表评论

登录... 后才能评论