精华内容
下载资源
问答
  • jQuery姓名电话随机抽奖活动页面代码 jQuery姓名电话随机抽奖活动页面代码
  • jQuery手机端大转盘抽奖活动页面代码jQuery手机端大转盘抽奖活动页面代码jQuery手机端大转盘抽奖活动页面代码
  • 这是一款非常漂亮的jQuery手机端大转盘抽奖活动页面代码,手机转盘红包抽奖代码。
  • jQuery手机端抽奖活动页面 特别好用的
  • HTML5 Canvas大转盘抽奖活动页面代码是一款很实用支持自定义设置参数的旋转大转盘网页抽奖插件。
  • 一款界面精美的jQuery手机九宫格抽奖活动页面代码,2019随手狂欢移动端商城九宫格抽奖专题模板。
  • Query手机微信转盘抽奖页面、中奖纪录、查看规则弹出显示。是一款非常实用的金融行业手机端大转盘抽奖活动页面模板代码。(不兼容IE6,7,8)
  • html5砸金蛋手机抽奖活动页面模板,微信砸金蛋怎么做?微信活动营销越来越多人开始重视起来,因为“酒香也怕巷子深”,通过一些常用的营销手段,快速吸粉是个非常不错的选择!
  • 转盘抽奖活动页面 信达证券 效果图预览:
  • 基于jQuery制作红色喜庆古典中国风格的抽奖页面模板,点击开始抽奖号码数字滚动后台,点可抽奖按钮,获得中奖结果。​
  • 使用 NodeJS Express MongoDB 上线环境部署 搭建H5抽奖活动页面
  • 手机抽奖活动页面模板jQuery+HTML5,带守将次数,奖励提示
  • 基于jQuery制作红色喜庆古典中国风格的抽奖页面模板,点击开始抽奖号码数字滚动后台,点可抽奖按钮,获得中奖结果过程。
  • <!DOCTYPE ... ; charset=utf-8" /> , minimum-scale=1.0, maximum-scale=1.0,user-scalable=no"> ...你是风儿我是沙,找个土豪成个家,赢土豪标配iphone 6(100%中奖) ... $(function(){
  • 砸金蛋运营活动H5,砸金蛋HTML5,前端效果使用HTML5,纯html、css
  • 网站抽奖活动页面设计及制作

    千次阅读 2014-05-21 14:02:33
    活动页面

    活动主页:查看地址


    首页banner:



    二级页面banner:



    侧边栏banner:


    展开全文
  • 资源下载此资源下载价格为4D币,请先登录资源文件列表codedown123-0803-48/css/common.css,1307codedown123-0803-48/css/index.css,797codedown123-0803-48/css/page0.css,1638codedown123-0803-48/css/page1.css,...

    27e4d48c1c2a188da6d32664d11cda56.png

    资源下载此资源下载价格为4D币,请先登录

    资源文件列表

    codedown123-0803-48/css/common.css , 1307

    codedown123-0803-48/css/index.css , 797

    codedown123-0803-48/css/page0.css , 1638

    codedown123-0803-48/css/page1.css , 2391

    codedown123-0803-48/css/page2.css , 3148

    codedown123-0803-48/css/page3.css , 2650

    codedown123-0803-48/css/page4.css , 3531

    codedown123-0803-48/css/swiper.min.css , 19333

    codedown123-0803-48/img/common/bg.jpg , 822644

    codedown123-0803-48/img/common/bg1.jpg , 456327

    codedown123-0803-48/img/common/btm.png , 179358

    codedown123-0803-48/img/common/center.png , 362821

    codedown123-0803-48/img/common/lucky.mp3 , 1154635

    codedown123-0803-48/img/common/start.mp3 , 1180

    codedown123-0803-48/img/common/top.png , 500982

    codedown123-0803-48/img/index/left.png , 3837

    codedown123-0803-48/img/index/li-bg.png , 18395

    codedown123-0803-48/img/index/li1.png , 32273

    codedown123-0803-48/img/index/li2.png , 30483

    codedown123-0803-48/img/index/li3.png , 29210

    codedown123-0803-48/img/index/li4.png , 29341

    codedown123-0803-48/img/index/li5.png , 31084

    codedown123-0803-48/img/index/right.png , 3940

    codedown123-0803-48/img/page0/circle3.png , 12634

    codedown123-0803-48/img/page1/circle-bg.png , 469471

    codedown123-0803-48/img/page1/circle1.png , 20151

    codedown123-0803-48/img/page1/circle2.png , 25786

    codedown123-0803-48/img/page1/circle3.png , 10056

    codedown123-0803-48/img/page1/lucky1.png , 5137

    codedown123-0803-48/img/page1/lucky2.png , 5779

    codedown123-0803-48/img/page2/circle3.png , 10428

    codedown123-0803-48/img/page2/lucky3.png , 4863

    codedown123-0803-48/img/page3/circle3.png , 10794

    codedown123-0803-48/img/page3/group1.png , 3546

    codedown123-0803-48/img/page3/group2.png , 4346

    codedown123-0803-48/img/page3/group3.png , 4925

    codedown123-0803-48/img/page4/circle3.png , 11155

    codedown123-0803-48/img/page4/group1.png , 3992

    codedown123-0803-48/img/page4/group4.png , 3542

    codedown123-0803-48/img/page4/group5.png , 4101

    codedown123-0803-48/index.html , 3513

    codedown123-0803-48/js/jquery-3.2.1.min.js , 86659

    codedown123-0803-48/js/swiper.min.js , 111502

    codedown123-0803-48/page0.html , 2045

    codedown123-0803-48/page1.html , 2185

    codedown123-0803-48/page2.html , 2392

    codedown123-0803-48/page3.html , 2944

    codedown123-0803-48/page4.html , 3759

    在线预览

    展开全文
  • // 抽奖 var throttle = true; $("#start").on('click', function () { var winData = getGift() // 正常情况下获奖信息应该由后台返回 $("#message").html('') if(!throttle){ return false; } throttle = false; ...

    js代码

    var wheelSurf

    // 初始化装盘数据 正常情况下应该由后台返回

    var initData = {

    "success": true,

    "list": [{

    "id": 100,

    "name": "5000元京东卡",

    "image": "images/1.png",

    "rank":1,

    "percent":3

    },

    {

    "id": 101,

    "name": "1000元京东卡",

    "image": "images/2.png",

    "rank":2,

    "percent":5

    },

    {

    "id": 102,

    "name": "100个比特币",

    "image": "images/3.png",

    "rank":3,

    "percent":2

    },

    {

    "id": 103,

    "name": "50元话费",

    "image": "images/4.png",

    "rank":4,

    "percent":49

    },

    {

    "id": 104,

    "name": "100元话费",

    "image": "images/5.png",

    "rank":5,

    "percent":30

    },

    {

    "id": 105,

    "name": "500个比特币",

    "image": "images/6.png",

    "rank":6,

    "percent":1

    },

    {

    "id": 106,

    "name": "500元京东卡",

    "image": "images/7.png",

    "rank":7,

    "percent":10

    }

    ]

    }

    // 计算分配获奖概率(前提所有奖品概率相加100%)

    function getGift(){

    var percent = Math.random()*100

    var totalPercent = 0

    for(var i = 0 ,l = initData.list.length;i

    totalPercent += initData.list[i].percent

    if(percent<=totalPercent){

    return initData.list[i]

    }

    }

    }

    var list = {}

    var angel = 360 / initData.list.length

    // 格式化成插件需要的奖品列表格式

    for (var i = 0, l = initData.list.length; i < l; i++) {

    list[initData.list[i].rank] = {

    id:initData.list[i].id,

    name: initData.list[i].name,

    image: initData.list[i].image

    }

    }

    // 查看奖品列表格式

    // 定义转盘奖品

    wheelSurf = $('#myCanvas').WheelSurf({

    list: list, // 奖品 列表,(必填)

    outerCircle: {

    color: '#df1e15' // 外圈颜色(可选)

    },

    innerCircle: {

    color: '#f4ad26' // 里圈颜色(可选)

    },

    dots: ['#fbf0a9', '#fbb936'], // 装饰点颜色(可选)

    disk: ['#ffb933', '#ffe8b5', '#ffb933', '#ffd57c', '#ffb933', '#ffe8b5', '#ffd57c'], //中心奖盘的颜色,默认7彩(可选)

    title: {

    color: '#5c1e08',

    font: '19px Arial'

    } // 奖品标题样式(可选)

    })

    // 初始化转盘

    wheelSurf.init()

    // 抽奖

    var throttle = true;

    $("#start").on('click', function () {

    var winData = getGift() // 正常情况下获奖信息应该由后台返回

    $("#message").html('')

    if(!throttle){

    return false;

    }

    throttle = false;

    var count = 0

    // 计算奖品角度

    for (const key in list) {

    if (list.hasOwnProperty(key)) {

    if (winData.id == list[key].id) {

    break;

    }

    count++

    }

    }

    // 转盘抽奖,

    wheelSurf.lottery((count * angel + angel / 2), function () {

    $("#message").html(winData.name)

    throttle = true;

    })

    })

    展开全文
  • H5手机转盘抽奖活动游戏页面源码 H5手机转盘抽奖活动游戏页面源码,适合移动端的转盘抽奖静态页面代码。
  • 手机转盘抽奖活动

    2016-08-26 15:10:16
    h5小游戏 转盘抽奖 活动页面
  • H5手机转盘抽奖活动游戏页面源码,适合移动端的转盘抽奖静态页面代码。
  • 抽奖活动H5页面配合java后台。只是参考。不懂留言。。。
  • 里面包含 4个 抽奖 活动源码 及模板,希望能帮助有所需要的人。
  • H5活动页面抽奖源码

    2021-04-25 16:40:17
    不错的移动端H5活动抽奖页面源码 源码来自互联网,仅供学习参考,严禁任何贸易或非法用途! 运用jQuery+ajax 实现首页、抽奖、排行榜、约请知心列表页, 网盘下载地址: http://kekewangLuo.net/vpq2R7tZurC0 图片...

    介绍:

    不错的移动端H5活动抽奖页面源码
    源码来自互联网,仅供学习参考,严禁任何贸易或非法用途!
    运用jQuery+ajax 实现首页、抽奖、排行榜、约请知心列表页,


    网盘下载地址:

    http://kekewangLuo.net/vpq2R7tZurC0


    图片:


    展开全文
  • 活动抽奖页面

    2018-01-30 09:52:24
    //抽奖数据,以英文逗号分隔 var alldata =“王云,耿良,宦俊,王静,程骏,孙林,杨?璞,周耘,赵宏,孙浩宇,张巨龙,刘怡升,袁正凯,任亚林,张强,宋紫东,王妤,焦恒桂,冯娉,王笛,徐超,严精赢,陈丹,...
  • jQuery转盘抽奖活动代码基于jquery.rotate.min.js和jquery-1.8.3.min.js制作的抽奖活动网页代码,红色喜庆背景,有1元代金券、5元代金券、10元代金券、20元代金券、30元代金券、...抽奖活动页面右侧列出获奖人员名单。
  • 红色转盘抽奖活动模板。单页模板写了一个转盘用于抽奖,div+css布局。
  • 红色喜庆风格jQuery手机大转盘抽奖活动代码,移动端大转盘抽奖领红包领奖品页面代码。

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 11,537
精华内容 4,614
关键字:

抽奖活动页面