我试图创建一个div
,可以在用户悬停到链接时附加到元素
我有很多链接,我的代码如下所示。
for loops
创建许多链接
codes....
link.href='#';
link.innerHTML = 'test'
link.onmouseover = OnHover;
codes....
function OnHover(){
var position;
var div = document.createElement('div');
div.className='testdiv';
div.innerHTML = 'test';
position=$(div).position();
div.style.top = position['top'] + 15 + 'px';
$(this).prepend(div);
}
link element1
link element2
----
| | //add new div when hover link element2
----
link element2
link element3
my css
.testdiv{
position:absolute;
}
每当用户将鼠标悬停在链接上并且位于元素left top
位置时,我想添加一个新的div
。
我的代码将所有div放在顶部而不是每个元素。
反正有吗? 非常感谢!