摘要: 一、用到的图片 二、代码如下,重点是js部分 效果如下: 三、注意事项 1、抽奖过程说明 上面只是前端展示的效果。中奖物品通过一个随机数生成。 真正开发中中奖物品是通过向后端接口发送请求返回的。 2、兼容性说明 .mask开始如下,用的是rgba,但是IE8不兼容,改为使用png图片backgrou 阅读全文
posted @ 2015-11-12 19:13 starof 阅读(31113) 评论(29) 推荐(13) 编辑
摘要: 一、最终效果 二、功能分析 1、需求分析 点击左边pre按钮,显示前面三个图片,点击右边的next按钮,显示后面的一组(三个)图片。初始化只显示next按钮,到最后一组只显示pre按钮,中间过程两按钮都显示。 效果图是最终效果有做响应式,但这不是重点,不做介绍。 2、html结构分析 #activi 阅读全文
posted @ 2015-11-12 09:21 starof 阅读(12765) 评论(4) 推荐(1) 编辑