刚学了js的一些函数,所以做了一个太极的旋转。做完之后是上面这个样子的,是可以旋转的。 思路: 1.先做一个基准转盘,之后将元素都放在转盘上,跟随转盘动。 2.画两个半圆,主要属性是border-top-right-radius: 250px; 像素值为长边的一半。 3.然后画4个圆,以基准转盘为父 ...
分类:
Web程序 时间:
2016-12-08 02:53:15
阅读次数:
303
天猫超市翻牌的转盘经常用,以前做Android,没啥想法,现在尝试微信小程序,看到别人家APP里有啥好玩的,就想去做一个.
上GIF看效果:
简要的说一下.1.外面一圈闪烁的小球是用js控制的样式...
分类:
微信 时间:
2016-12-07 14:27:34
阅读次数:
413
这个是很简易的转盘,只用了html,css,js 通过css产生一个转盘上的指针,用js动态改变css中的transparent改变指针的角度。再添加一个背景图片类似于奖项的转盘 背景图片放在sum中,tri是指针上的三角形,center是指针上的圆,三角形和圆都在content中以便一起运动。 设 ...
分类:
Web程序 时间:
2016-11-29 17:16:23
阅读次数:
357
注:这篇文章仅仅作为一个链接收藏目录,是综合别人的文章,故分为好几个部分。搜索云盘资源时,可以多个试用几个网址,目录存在重复,因此可以根据重复次数参考搜索质量。 ////////////////////////PART ONE///////////////////////// 网盘搜索引擎 去转盘网 ...
分类:
其他好文 时间:
2016-11-22 22:43:55
阅读次数:
1000
使用https://github.com/givebest/GB-canvas-turntable代码移植过而来。 其它 微信小程序感觉是个半成品,代码移植过程比较繁琐麻烦。canvas API 部分都被重写了。。。canvas z-index不生效,永远在最上层,不支持rotate动画。 更多:点 ...
分类:
微信 时间:
2016-11-15 23:49:06
阅读次数:
733
iOS 使用transform和CABasicAnimation实现视图围绕定点旋转和实现一个旋转的圆的动画 以转盘为例 ...
分类:
移动开发 时间:
2016-11-10 03:11:53
阅读次数:
320
自己制作了一个模仿抽奖转盘的小游戏,代码比较简单,规则是只有三次抽奖机会,并且浏览器会记录抽奖的次数, 代码如下 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=dev ...
分类:
其他好文 时间:
2016-11-05 12:23:06
阅读次数:
232
jQuery幸运大转盘_jQuery+PHP抽奖程序的简单实现 在线实例 查看演示 完整代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1- ...
分类:
Web程序 时间:
2016-10-27 10:03:56
阅读次数:
134