动态更改follow-mouse-div的颜色,与其下方的颜色互补

时间:2015-10-13 09:22:29

标签: javascript jquery css

我有一个跟随鼠标指针的div,我想根据它下面的颜色,用一个补色改变它的颜色。 因此,它需要在任何点测量鼠标下的任何颜色,并将补色指定给鼠标指针后面的div。 像Gpick这样的事情:https://www.youtube.com/watch?v=oy7_PadJ1Ig

1 个答案:

答案 0 :(得分:0)

我已经创建了可以在这里查看的演示示例

$("div").mousemove(function(e){
  $('.follow').css({'top': e.clientY - 20, 'left': e.clientX - 20});
});
$("div").mouseover(function() {
   var col=$(this).css("background-color");
   $("#myid").css("background-color",col);

});

Click on this to see Demo