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放在坐标旁边。

当单击复选框时，如何从页面上的其他位置使用div复选框旁边的复选框？

1 个答案: