1.需求 抽獎是各類營銷活動中最常見的一種形式,本產品需求大致如下:轉盤周圍跑馬燈交替閃爍,點擊抽獎,大轉盤旋轉,調用接口獲取抽獎結果,大轉盤指針指向對應的獎品。高保如下圖1 圖1-高保 2.整體思路 2.1跑馬燈 本需求要求跑馬燈交替閃爍,那四周的跑馬燈就不能是死的圖片了,要用動畫 ...
前言: 公司原來開發大轉盤抽獎活動用的是flash 我發現swf文件竟然有 m大,嚇尿了 其實完全可以用js寫的,但是自身前端功力有限,且時間緊迫,所以直接用旋轉插件就好,兼容各方面都可以保證。 引用Jquery.js jQueryRotate. . .js 插件 html代碼: js代碼: 參數:angle:角度 duration:持續時間 animateTo:旋轉的總角度 callback:完 ...
2015-08-25 17:39 0 3662 推薦指數:
1.需求 抽獎是各類營銷活動中最常見的一種形式,本產品需求大致如下:轉盤周圍跑馬燈交替閃爍,點擊抽獎,大轉盤旋轉,調用接口獲取抽獎結果,大轉盤指針指向對應的獎品。高保如下圖1 圖1-高保 2.整體思路 2.1跑馬燈 本需求要求跑馬燈交替閃爍,那四周的跑馬燈就不能是死的圖片了,要用動畫 ...
PHP+AJAX開發幸運大轉盤抽獎,通過獎品庫存、中獎次數來計算中獎概率 獎品設置 獲取中獎概率,若是庫存為0的則不計算 本文轉自:http://www.sucaihuo.com/php/3301.html 轉載請注明出處! ...
需要用到 JAVA中的Random()函數 注意:大轉盤抽獎各獎項中獎概率之和為 1。獎品列表中的概率為累加概率,需要按照添加進列表的順序進行累加,添加順序不做要求。 實際中使用需要考慮獎品數量限制等業務需求,該代碼只是個簡單的抽獎demo。 獎品數量限制的話,如果需要保證剩余獎品概率比例 ...
流程: 1.拼裝獎項數組,2.計算概率,3.返回中獎情況 代碼如下:中獎概率 ' v ' 可以在后台設置,傳到此方法中,注意傳整數 效果圖: ...
以下是項目代碼(公眾號,使用積分進行抽獎活動),只可做參考: ...
想要開發一個,可進行配置獎品的大轉盤抽獎活動:如下圖: 要求: 轉盤底圖可配置,相對應的獎品也能夠配置 開發思路: 可以把轉盤開發成一個組件,所有參數皆是可配置的,做成組件具有公用型 通過 transform的rotate旋轉 ...
為了獲取客戶、回饋客戶,平台一般會推出抽獎活動類的營銷頁。因此web頁面中,有各式各樣的抽獎效果。 格子式(九宮格),背景滾動式(數字/文字/圖案),旋轉式(轉盤),游戲式(砸蛋/拼圖...)...... 這里來講解下轉盤抽獎效果。 當用戶進入這個抽獎頁面時,一般會“華麗 ...
近期碰到的一個需求,實現一個類似大轉盤抽獎的功能,需自定義獎項,各獎項中獎概率,當日抽獎最大次數,抽獎成本等。分享一個簡單的java代碼的實現的思路,有不足之處感謝各位指正。 初步方法 首先要定義幾個獎品,例如: iphone 中獎機率 10% 100元購物卷 ...