2016-03-07 18 views
0

我有一个复选框。我想要一个位于页面底部的div在复选框被点击时浮动在复选框旁边。当点击复选框时,如何从复选框旁边的页面float的其他位置创建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') 
    } 
}) 

}

+0

你能后你有哪些不正常的代码? – jasonwarford

+0

我还没有任何东西。我的页面上有一个类似于鼠标悬停的功能,但老实说,我甚至不知道从哪里开始。 – mzrt

回答

0

一种方式您可以实现这一目标是有定位的转变。取出click事件的屏幕坐标,然后通过在x坐标上加或减,绝对定位坐标旁边的div。

相关问题