87,910
社区成员
发帖
与我相关
我的任务
分享
<style>
#lay1{
border: 1px solid #aaa;
position: absolute;
z-index: 99
background: url('http://ialvin.cn/blog/skins/hello_world/bg.jpg');
padding: 2px;
font-size: 12px;
}
</style>
<div id='lay1' style='display:none; background:#fff;' onMouseOver="this.style.display='';" onMouseOut="hide()"> </div>
<span id="Span1"></span>
</div>
<script type='text/javascript'>
var lay = document.getElementById("lay1");
function mouseX(event) {
return event.pageX || (event.clientX + (document.documentElement.scrollLeft || document.body.scrollLeft));
}
function mouseY(event) {
return event.pageY || (event.clientY + (document.documentElement.scrollTop || document.body.scrollTop));
}
function setPos(event) {
lay.style.left = mouseX(event) + "px";
lay.style.top = mouseY(event) + "px";
}
function show(m) {
lay.innerHTML = m.parentNode.childNodes[0].innerHTML;
lay.style.display = '';
}
function hide() {
lay.style.display = 'none';
}
document.onclick = function(e) {
e = window.event || e;
var src = e.srcElement || e.target
if (src != lay) hide();
};
</script>
<span><div style='display:none;'>
1帐号:ReserveRainbow<br />
昵称:预约彩虹<br />
最新帖子:<br /><br />
如何实现在指向链接…<br />
如何实现在热身链接…<br />
更多帖子...
</div>
<a onmouseover="setPos(event);show(this);" onmouseout="">过来</a>
</span>
<span><div style='display:none;'>
2帐号:ReserveRainbow<br />
昵称:预约彩虹<br />
最新帖子:<br /><br />
如何实现在指向链接…<br />
如何实现在热身链接…<br />
更多帖子...
</div>
<a onmouseover="setPos(event);show(this);" onmouseout="">过来2</a>
</span>
<span><div style='display:none;'>
3帐号:ReserveRainbow<br />
昵称:预约彩虹<br />
最新帖子:<br /><br />
如何实现在指向链接…<br />
如何实现在热身链接…<br />
更多帖子...
</div>
<a onmouseover="setPos(event);show(this);" onmouseout="">过来3</a>
</span>