手机版 | 登录 | 注册 | 留言 | 设首页 | 加收藏
联系客服
当前位置: 网站首页 > 程序技巧 > 文章 当前位置: 程序技巧 > 文章

能在asp中应用的javascript如何弹出一个div登录框

时间:2021-10-05    点击: 次    来源:网络    添加者:佚名 - 小 + 大

类似腾讯的登陆框

是如何实现的,他这个登录框是怎么弹出的,我想做个一样的,想看看他的源码,用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;

 

分享按钮

上一篇:如何在优盘自动播放时让其运行某一程序?

下一篇:XP怎样查看进程的PID

豫ICP备19032584号-1  |   QQ:80571569  |  地址:河南濮阳市  |  电话:13030322310  |  
Copyright © 2025 FE内容付费系统 版权所有,授权www.xingwp.cn使用 Powered by 66FE.COM