有人可以帮忙吗?我是 jquery 的新手,我被一些看起来太简单的东西困住了。对不起,如果这是一个转贴,但我找不到我要找的东西。
我在一个页面上有 2 个链接,当您将鼠标悬停在其中一个链接上时,您会在链接旁边显示一个相应的 div。就像一个对话框弹出。这是我所拥有的,请让我知道我做错了什么..
js代码:
function Show(id)
{
var pos = $("a#88" + id).offset();
var eWidth = $("a#88" + id).outerWidth();
var mWidth = $("div#99" + id).outerWidth();
var left = (pos.left + eWidth - mWidth) + "px";
var top = pos.top + "px";
//alert(left + ' ' + top);
$('div#99'+id).css("top", top);
$('div#99'+id).css("left", left);
$('div#99'+id).css("position", "fixed");
$('a:Tip').hover(
function($e) { $('div#99'+id).slideDown(500); },
//function($e) { },
function($e) { $('div#99'+id).slideUp(500); }
);
}
html代码:
<a href="#" id="88123456" class="Tip" onmouseover="Show(123456);">Some Title Text</a>
<br />
<br />
<br />
<br />
<br />
<br />
<a href="#" id="88456789" class="Tip" onmouseover="Show(456789);">Some Title Text2</a>
<br />
<div id='99123456' title="hello" style="display:none;">
something here;99123456
</div>
<div id='99456789' title="hello" style="display:none;">
something here;99456789
</div>
谢谢