互动拖放着色概念

所属分类:输入-拖和放,拾色器

 1022  36  查看评论 (4)
互动拖放着色概念 ie兼容10

今天,我们想与你分享一个有趣的互动着色概念。

这个想法是简单地将一个颜色从一个调色板拖到一个网站模型上,并将其颜色指定为区域(如背景或文本)。您之前可能遇到过自定义工具,但是我们希望为这个想法添加一些乐趣,并使其使用起来更加愉快。

如何使用它:你可以从调色板中拖动一个颜色,并将其放在任何区域,包括文本元素,以蓝色轮廓点亮。一旦你拖动的水滴落在一个内容区域,一个有趣的小的Google材料,如动画发生,整个地区都充满了彩色圆圈。为此,我们使用我们创建的SVG元素,然后将其放大并使用CSS过渡淡入其中。

您可以通过单击调色板工具栏中的墨滴图标来重置整个事物。

对于拖放功能,我们使用辉煌的interact.js库。

我们真的希望你喜欢这个小小的效果,并且觉得很有启发性。

相关插件-拖和放,拾色器

基于H5的拖拽功能

基于H5的拖拽功能,再用jQuery进行了功能完善,拖动后根据放置的位置来布局。
  拖和放
 5437  18

jQuery多容器之间拖曳

除了有一般拖曳的功能,还可以在不同容器之间拖曳。
  拖和放
 5818  46

拖放交互的想法

在UI中拖放交互的一些想法,这个想法是显示一个可拖拽的区域,代表一个元素被拖拽后的某些动作。
  拖和放
 766  23

jQuery拖动改变数值大小

使用鼠标到任何输入字段中拖动,可改变其值。他们有最小和最大值。
  拖和放
 4570  12

讨论这个项目(4)回答他人问题或分享插件使用方法奖励jQ币

    ataocool 0
    2017/12/13 10:47:12
    SiriBen 0
    2017/12/7 9:59:55

    我在想这个如何套用到自己的网站上,这个着色效果给用户来用,更具交互性,不同的用户访问同一个网站,界面风格完全不同,一切自由

        MC_BBC0
        2017/12/8 9:56:06

        未注册的用户存在cookie里面就好了

        注册用户存在数据库里面和cookie里面

    回复
    Abyss 0
    2017/12/7 9:26:32

    666 可以。很好玩

    回复
取消回复