互动拖放着色概念

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

 24716  392  查看评论 (12)
分享到微信朋友圈
X
互动拖放着色概念 ie兼容10

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

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

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

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

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

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

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

jquery 拖动复制

jquery拖动div复制到表格
  拖和放
 45822  453

拖动滑块验证

拖动滑块进行验证
  拖和放
 66356  493

基于H5的拖拽功能

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

jQuery移动端滑动标尺

移动端卡尺,滑动标尺,标不动
  拖和放
 25235  319

讨论这个项目(12)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    淡淡地忧殇丶 0
    2018/12/26 9:45:09
    风早井 0
    2018/4/27 8:30:21
    左右光影 0
    2018/1/27 14:38:40

    陈独秀同志请你坐下

    回复
    深渊 0
    2018/1/26 10:06:56
    陈独秀同志请你坐下 回复
    つ风吹起如花般细碎的流年 0
    2018/1/16 10:39:09

    你怎么可以比386旅独立团团长李云龙他媳妇李秀琴还秀呀

    回复
    爱死寂寞人 0
    2017/12/26 16:51:44

    666 可以。很好玩

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

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

        MC_BBC1
        2017/12/8 9:56:06

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

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

        oО陪?厮守壹生1
        2018/7/4 9:01:10
        感觉放在localStorage比较好吧
        西瓜0
        2018/7/4 10:55:20
        上面两个方案都可以,localStorage更简单,但兼容性没有cookie好,但是现在用低版本的浏览器的人也少了。用哪个看个人喜好了。
    回复
    Abyss 0
    2017/12/7 9:26:32

    666 可以。很好玩

    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复