类似腾讯的登陆框
是如何实现的,他这个登录框是怎么弹出的,我想做个一样的,想看看他的源码,用IE的F12工具分析了半天也找不到,我刚刚初学HTML和javascript,有的还是不太懂。 他是点击一个a标签,href属性是javascript:openLogin() 。 openLogin()应该是个函数吧 ,找半天也没找到啊, 我希望能看看他的源码,这个是一个div吗?如果是的话好像也不在当前的HTML里面。。。 <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代码即可。 只要给一个div设置好固定定位及坐标,然后默认隐藏,点按钮显示就行了!涉及到的css属性display:none;positoin:fixed; top:0;left:0;z-index:101;
|