如何在页面中控弹出层的位置?
比如:当我点击一个button的时候,弹出一个层,通过什么方法可以随心所欲的摆放这个层!意思是想让它放哪就放哪!
向高手们求教!!!
Css 不过要注意各个浏览器的兼容问题
jquery好像是有这方面的插件啊,你看看搜下,兼容性来说,现在已经不错了
你可以通过设置left 和top设定啊。
js:
<script type="text/javascript">
function displayDiv() {
var div1 = document.getElementById("div1");
div1.style.position = "absolute";
div1.style.left = 100 + "px";
div1.style.top = 100 + "px";
div1.style.display = "";
}
</script>
HTML代码:
<div id="div1" style="display: none; width:200px; height:100px; border:1px red solid; ">
<h1>我是被隐藏的div</h1>
</div>
<input id="Button1" type="button" value="弹出div层" onclick="displayDiv()" />