每天学一个jquery插件-旋转的转盘

每天一个jquery插件——旋转的转盘

旋转的转盘

脑子一片空白,今天冷的不想动弹,那就动动脑算了,随便找了个有意思的插件,就想想自己咋实现

今天搞的是那种抽奖的转盘,这个就不给配图了,因为我没写代码,就讲讲自己的实现方法。

  • 首先画个圆
  • 然后填充一个算好了比例的图片
  • 随后按照圆的比例做个对应的数组
  • 给个按钮,让圆盘转起来
  • 随机拿个数,让圆盘接下来旋转的角度在5圈-10圈内随机产生,接着根据对应的随机圈数在获得旋转的时间比例获得旋转时间
  • 接着jquery给上容器transition和transform,时间和圈的角度都给上animate让它转,。
  • 同时计算这个角度是对应数组里面哪个值,把值取出来
  • 嗯,谢谢惠顾
[
			"谢谢惠顾",
			"谢谢惠顾",
			"谢谢惠顾",
			"谢谢惠顾",
			"谢谢惠顾",
			"谢谢惠顾",
			"谢谢惠顾",
			"谢谢惠顾",
			"谢谢惠顾",
			"谢谢惠顾",
			"谢谢惠顾",
			"谢谢惠顾",
			"谢谢惠顾",
			"谢谢惠顾""谢谢惠顾",
			"谢谢惠顾",
			"再来一次",
			"谢谢惠顾",
			"谢谢惠顾",
			"谢谢惠顾",
			"谢谢惠顾",
			"谢谢惠顾",
			"谢谢惠顾",
			"谢谢惠顾",
			"谢谢惠顾",
			"谢谢惠顾",
			"谢谢惠顾",
			"谢谢惠顾",
			"谢谢惠顾",
			"谢谢惠顾",
			"谢谢惠顾",
			"谢谢惠顾",
			"谢谢惠顾",
			"谢谢惠顾",
			"谢谢惠顾",
			"谢谢惠顾",
			"谢谢惠顾"
			]

你可能感兴趣的:(每天学一个jquery插件,javascript,jquery)