我想在 Javascript 和 jQuery 中创建一个像 Adobe 渐变选择器这样的组件。我想使用 jQuery 渐变插件。左右有div2 个标记。当我点击它的边界时，div它会自动添加一个标记，当我双击它时，它会打开一个 jQuery 颜色来选择一种颜色。标记也应该在 main 上移动div。请帮我举个例子。
问问题
1848 次
1 回答
1
检查 JQuery UI http://jqueryui.com/demos/slider/中的滑块（您可以修改小部件的代码以添加多个标记，更改样式，并在滑动元素上附加单击处理程序以打开颜色选择器），CSS3 Gradient http ://css-tricks.com/examples/CSS3Gradient/（您可以使用 jquery 操作 css3 渐变）、颜色选择器插件http://www.eyecon.ro/colorpicker/或 Farbtastic 颜色选择器 — http://acko.net /dev/farbtastic
如果你不想使用 JQuery UI 小部件——并且从头开始——你可以创建 <div> with position: relative; 并在其中 <span> 与position: absolute; 然后在 javascrtip/jquery 添加实时事件mousedown/mouseup/mousemove以处理用户拖动标记时的移动，并添加单击事件以打开颜色选择器。
要处理添加新标记，您需要将点击事件添加到 div 只需添加新跨度，您还需要从 div 中的位置插入渐变的函数，因此当用户单击黑色到白色渐变的中心时，它会添加灰色标记（但您也可以为标记添加默认颜色或从左侧或右侧的标记复制颜色）；
您可以将其打包在插件中并放在网络上。
于 2011-01-29T16:00:21.160 回答