单击复选框后，如何从页面上其他位置的div浮动到该复选框旁边？

Question

我有一个复选框。 我希望单击复选框后，位于页面底部的div浮动在复选框旁边。

我怎样才能做到这一点？

这是一些适用于我的鼠标悬停的代码。 它远远超出了我的水平。 有没有更简单的方法，或者我也可以将此代码用于复选框？

function addreflinkpreview(e) {
var c;
var d = "srcElement";
var f = "href";
this[f] ? c = this : c = e[d];
ainfo = c.className.split('|');
var g = document.createElement('div');
g.setAttribute("id", "preview" + c.className);
g.setAttribute('class', 'reflinkpreview');
g.setAttribute('className', 'reflinkpreview');
if (e.pageX) {
    g.style.left = '' + (e.pageX + 50) + 'px'
} else {
    g.style.left = (e.clientX + 50)
}
var h = document.createTextNode('');
g.appendChild(h);
var i = c.parentNode;
var j = i.insertBefore(g, c);
new Ajax.Request(ku_boardspath + '/read.php?b=' + ainfo[1] + '&t=' + ainfo[2] + '&p=' + ainfo[3] + '&single',{
    method: 'get',
    onSuccess: function(a) {
        var b = a.responseText || _("something went wrong (blank response)");
        j.innerHTML = b
    },
    onFailure: function() {
        alert('wut')
    }
})

}

Answer 1

您可能能够实现这一目标的一种方法是定位和过渡。 取得click事件的屏幕坐标，然后通过在x坐标上增加或减去，将div绝对定位在该坐标旁边。