说JQuery封装的专门用来处理九宫格抽奖的框架JQuery.latest.min.js,文件地址如下 ...
五一告急, 月 日接到小任务,放假前做个九宫格转盘小页面,噢 设计稿已出,当前时间下午两点, 正在改bug,主流项目 日得上线,九宫格 日中午得上线。时间略紧下午 点改完bug,加班搞九宫格。 一个页面,三屏内容,九宫格 结果弹窗和分享提示。 计划: 晚上写静态页面 明早写js 晚上搞定了静态界面,如下: html css方面,宽度用 px 主要用于移动端 ,主体内容绝对定位,我觉得目前的写法还是 ...
2015-05-06 11:08 31 3216 推荐指数:
说JQuery封装的专门用来处理九宫格抽奖的框架JQuery.latest.min.js,文件地址如下 ...
工作需要,所以做了个抽奖转盘的插件,当然这里只做最简单的演示。可以用于取代一些flash抽奖程序。 机制说明: 1、通过定义lottery-unit来控制节点的个数及索引; 2、通过设置lottery.crcle来定义需要转动的基本次数,在这个次数内,定时器的时间间隔不断递减,知道 ...
为jQuery的选择器: #选择ID,那么全局搜索:id="lottery"定位到了div九宫格区域 ...
一、用到的图片 二、代码如下,重点是js部分 效果如下: 三、注意事项 1、抽奖过程说明 上面只是前端展示的效果。中奖物品通过一个随机数生成。 真正开发中中奖 ...
HTML代码: SCSS样式: JS代码: ...
最近做了一个移动端页面,要求适配手机屏幕,用到的是九宫格。在处理屏幕适配上花了不少时间,也在测试中找到最好的布局方法。 分享代码之余也能够在下一次的工作项目中避免犯相同的错误。 *{ margin: 0; padding: 0; } img ...
本文介绍九宫格抽奖功能的实现。 1.需求 功能很简单,来看看高保截图,如下图1 图1 需求的功能点如下: 用户点击抽奖,九宫格四周的图片顺时针依次闪烁,空转几圈。 请求接口,等接口有返回后最后对应的奖品闪烁,其他奖品不闪烁。 登录后,正中间的抽奖这个小方格点亮,未登录是灰色 ...
1.数据资源类class LXPhotosData { final String imgUrl; LXPhotosData(this.imgUrl);} 2.定义一个继承StatefulWidget的外部调用类,九宫格界面,里面定义了几个常量,用来设置,具体请看 ...