使用Javascript动态弹出位置更改 [英] Dynamic Popup Position Change using Javascript
本文介绍了使用Javascript动态弹出位置更改的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我需要动态更改弹出窗口的位置，就像我显示popup onmouse悬停的超链接一样，弹出窗口总是显示在超链接的底部，在这种情况下当超链接在浏览器的末尾然后超过一半的去隐藏。
所以，我需要根据空格改变弹出位置，如果超链接在末尾，则弹出显示在超链接的顶部，否则在底部。
我怎么能完成这个任务？
I need to change the position of popup dynamically like when i show popup onmouse hover of hyperlink, popup always shows at bottom of the hyperlink, in this case when hyperlink is at end of the browser then more than half of the goes hide.
So, I need the popup position change according to the space, if the hyperlink is at end then popup show at top of the hyperlink otherwise at bottom.
How could i achieve this task ?
推荐答案
这就是你可能在寻找的东西
this is what you might be looking for
<body style="height:1000px;">
<div style="margin-top:800px;"></div>
<a href="" class="link" onmouseover="showTitle()">your link<span class="anchorTitle" id="link"> show title</span></a><body></body></body>
<script>
function showTitle(){
var link = document.getElementById("link");
if(screen.height link.style.top="-200%";
}else{
link.style.top="100%";
}
}
</script>
<style>
.link{
position:relative;
}
.anchorTitle{
display:none;
position:absolute;
background:#F60;
}
.link:hover .anchorTitle{
display:block;
background:#F60;
}
</style>
这篇关于使用Javascript动态弹出位置更改的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
