單擊復選框后，如何從頁面上其他位置的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絕對定位在該坐標旁邊。