jQuery   发布时间:2022-03-30  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了javascript – jQuery:创建一个圆形滑块大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。

你可能以前看过JavaScript滑块:

http://dev.jquery.com/view/tags/ui/1.5b2/demos/ui.slider.html

我想象的是一个圆形滑块.它将包含圆圈上一个点上的可拖动按钮 – 该按钮可以沿着环的任何位置拖动.该值取决于按钮的位置(想想时钟).

最佳答案
定义中心点c
当前鼠标指向m

在你的鼠标拖动事件处理程序中,你有

var dx = m.x-c.x;
var dy = m.y-c.y;

var scale = radius/Math.sqrt(dx*dx+dy*dy);

slider.x = dx*scale + c.x;
slider.y = dy*scale + c.y;

radius是滑块的某个预设值,

大佬总结

以上是大佬教程为你收集整理的javascript – jQuery:创建一个圆形滑块全部内容,希望文章能够帮你解决javascript – jQuery:创建一个圆形滑块所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签: