Question

javascript如何弹出一个div登录框

类似腾讯的登陆框

是如何实现的，他这个登录框是怎么弹出的，我想做个一样的，想看看他的源码，用IE的F12工具分析了半天也找不到，我刚刚初学HTML和javascript，有的还是不太懂。
他是点击一个a标签，href属性是javascript:openLogin() 。
openLogin()应该是个函数吧 ，找半天也没找到啊，
我希望能看看他的源码，这个是一个div吗？如果是的话好像也不在当前的HTML里面。。。
不懂...
希望指教下。。。

Answer 1

<div id=win style="display:none; POSITION:absolute; left:50%; top:50%; width:600px; height:400px; margin-left:-300px; margin-top:-200px; border:1px solid #888; background-color:#edf; text-align:center">这是DIV登录框示例<br><a href="javascript:closeLogin();">关闭登录框</a></div>
<script>
function openLogin(){
document.getElementById("win").style.display="";
}
function closeLogin(){
document.getElementById("win").style.display="none";
}
</script>
<a href="javascript:openLogin();">打开登录框</a>

追问

谢谢你 很好的一个实例！
我还想要一个效果：就是弹出这个DIV后界面变灰暗一点，然后不可操作！
只有当前弹出的div层可操作！

该如何实现呢？

追答

function openLogin(){
document.getElementById("win").style.display="";
document.getElementById("back").style.display="";
}
function closeLogin(){
document.getElementById("win").style.display="none";
document.getElementById("back").style.display="none";
}

打开登录框

这是DIV登录框示例关闭登录框

以上背景层的透明效果只适用于IE浏览器，如果要兼容所有浏览器的代码，可自己网上搜索，然后修改背景层的相应css代码即可。

Answer 2

只要给一个div设置好固定定位及坐标，然后默认隐藏，点按钮显示就行了！
涉及到的css属性
display:none;positoin:fixed; top:0;left:0;z-index:101;

Answer 3

用插件做，或者自己写，自己写会比较麻烦，比如弹出div 的位置，zindex的设置等

追问

给点提示吧 刚刚学都不会啊...

追答

你参考下这个 ：http://www.cnblogs.com/duhongyu216/articles/1441785.html