2015-10-13 33 views
0

我有一個div,它跟隨着鼠標指針,我希望div根據它下面的顏色用互補顏色改變它的顏色。 因此,它需要測量鼠標在任何點上的顏色,並將補色分配給鼠標指針後面的div。 喜歡的東西Gpick做:https://www.youtube.com/watch?v=oy7_PadJ1Ig動態改變following-mouse-div的顏色,與其下面的顏色互補

+5

請出示到目前爲止你做過的事情。 – guradio

+0

@Pekka我想學習這些東西,但直到現在我只能讓div跟着鼠標指針,並將其放在鼠標指針下。 jQuery(document).mousemove(function(e){var _x = e.pageX-122; var py = e.pageY-70; jQuery(「。nav-trigger-fl」)。css({left :px +「px」,top:py +「px」}); });' – freestack

回答

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

+0

謝謝,這是一個很好的開始,但我認爲我需要更復雜的東西。我發現一些相關的,在這裏:https://stackoverflow.com/questions/1936021/javascript-eyedropper-tell-color-of-pixel-under-mouse-cursor – freestack