弹出登陆

最新推荐文章于 2023-06-25 14:41:15 发布
最新推荐文章于 2023-06-25 14:41:15 发布
阅读量262 收藏
点赞数
文章标签： OO UI XHTML HTML
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/SIMONJZF/article/details/83643707
版权
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style>
body{
color: rgb(102, 102, 102);
text-align:center;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
}
a{
color: rgb(102, 153, 102);
text-decoration: none;
font-size:12px;
}
a:hover{
color:#fff;
background: rgb(102, 153, 102);
text-decoration:none;
}
.ui-text2,{
font-size:14px;
border-style: solid;
border-color: rgb(204, 204, 204) ;
border-width: 1px;
background: rgb(255, 255, 255) none repeat;
width:100px;
height:18px;
}
.out_login {
position:relative;
background:#bbb;
margin:10px auto;
width:250px
}
.in_login {
background:#fff;
border:1px solid #555;
padding:10px 5px;
position:relative;
top:-4px;
left:-4px;
width:240px
}
</style>
</head>
<body>
<div id="d_loginshow" style="position:absolute;display:none;z-index:3;left:0px;top:0px;width:240px;" valign="center">
<div class="out_login" >
<div class="in_login" >
<p>
<form method="post" action="#" name="login_form">
<table>
<tr>
<td style="padding-top:6px;" ><label for="pop-user-name">用户名:</label></td>
<td class="pop-col2" align=left><input id="pop-user-name" name="username" style="width:100px;" class="ui-text2" value="" type="text" tabindex="1" />    <a href="#">注     册</a> </td>
</tr>
<tr>
<td style="padding-top:6px;">密　码:</td>
<td align="left"><input id="pop-password" class="ui-text2" name="password" style="width:100px;" type="password" tabindex="2" /></td>
</tr>
<tr>
<td height="28" style="padding:2px 10px 0px 10px;"></td>
<td style="padding:2px 10px 0px 2px;" align="left">
<span ><input type="button" value="登 陆" οnclick="javascript:submitLogin();" /></span>   
<span ><input type="button" value="取 消" οnclick="javascript:hideLogin();"/></span></td>
</tr>
</table>
<input type="hidden" name="url" value="" />
</form>
</div>
</div>
</div>
<a href="javascript:showlogin()">登录</a>
</body>
</htmL>
<script language="javascript">
function oo(obj){
return typeof(obj)=="string"?document.getElementById(obj):obj
}
function showlogin(){
var lay2=oo("d_loginshow");
lay2.style.left=((document.body.offsetWidth-320)/2+200)+"px";
lay2.style.top="30px";
lay2.style.display='block';

}
function hideLogin(){
var lay2=oo("d_loginshow");
if(lay2.style.display="block"){
lay2.style.display="none";
}
}
function submitLogin(){
var obj=document.login_form;
obj.url.value=window.location
obj.submit();
}
</script>
SIMONJZF
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
打开页面自动弹出登陆提示框
yoki370的博客
06-02 3161
效果图： 代码： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style> .login-header { width: 100%; text-align: center; height: 30px;
共享不弹出登录框.bat
07-15
局域网开启密码共享时，点击共享文件夹却没有弹出登录框，而直接提示用户或者权限不对，该批处理可完美解决，支持WIN10
android 弹出登录界面,Android开发实现弹出登陆框
weixin_39535349的博客
05-26 852
释放双眼，带上耳机，听听看~！实践历程1.首先，我是直接使用AlertDialog来实现，确定是，形状有点难看，而且获得Dialog里面的控件略显麻烦(因为我要做的登陆框有一定的布局)，然后就给我就放弃了，可能因为我太水了，不能很好的使用它2.然后我就使用PopupWindow来实现，界面是达到了我的要求，控件的获得通过Inflater就可以获得了相对较简单，但是有一个缺点就是，当点击输入的时候，...
html自动弹出登录框,简单的登录框弹出层
weixin_26782843的博客
06-03 1602
.overCurtain {border-top:1px solid rgb(230,245,255);position:absolute;height:674px;width:100%;left:0px;top:0px;opacity:0.7;display:none;background-color:rgb(230,245,255);}.hide-center {width:308px;hei...
android 弹出登录界面,登录页Activity从下向上的弹出效果实现
weixin_29282577的博客
05-26 1017
最近产品有需求，一开始通过启动页进入登录页是正常的页面跳转，而后要进入主页面，在主页面里面的点击判断是否是登录状态，然后登录页从下向上弹出。这个需求一开始感觉应该不是很麻烦，直接用overridePendingTransition(R.anim.anim_activity_up, 0)anim_activity_up的文件为：xmlns:android="http://schemas.androi...
B站频繁暂停并弹出登录框
热门推荐
嘻上槑梢的博客
02-25 1万+
B站频繁暂停并弹出登录框问题解决
弹出层登录页面html模板,js登录弹出层特效
weixin_33873270的博客
06-03 367
js登录弹出层 登录框特效body{background-color: #fff;}html, body{height: 100%;}html body{font: 12px Arial, Helvetica, sans-serif;color: #333333}html>body{font: 12px Arial, Helvetica, sans-serif;color: #333333}...
JS点击弹出登录窗口
qq_52793319的博客
06-25 761
【代码】JS点击弹出登录窗口。
python 弹出式网页登录,弹出窗口的Python登录页面
weixin_35648264的博客
03-25 1246
我想用python访问网页并打印源代码，大多数都需要先登录。我以前也有类似的问题，我已经用下面的代码解决了，因为它们是网页上的修复字段，我可以找到它们。最近，我需要访问another page，但这一次，有一个弹出的登录窗口，我不能使用相同的方法来解决这个问题。在我曾经尝试过使用Selenium模块，但是它需要打开浏览器并完成这个任务，只是想知道是否有类似于cookielib的方法在后台运行代码而...
svn连接没有弹出登录框
Improve_life的博客
03-04 4117
svn连接没有弹出登录框 1.清除已经保存的密码： 右键点击本地副本，TortoiseSVN -> Settings -> Saved Data，然后点击个个“Clear”按钮，把本地缓存都清除了。再重新checkout应该就好了 svn怎么切换账号 切换其他用户名时，需要删除已记录用户的数据。 具体操作步骤如下： 1、在电脑桌面上右击，依次点击菜单项TortoiseSVN–设置； 2、在设置界面中，左侧有很多菜单，找到【已保存数据】项； 3、进入已保存数据的操作界面，点击清除按钮； 4
jquery点击弹出登陆窗口
ICode联盟
12-29 916
下载地址 jquery点击按钮弹出登陆窗口，非常简单好用，结构非常简单，弹出动画非常流畅，是div弹框编辑非常方便。$(".theme-login").click(function(){ $(".theme-popover-mask").fadeIn(100); $(".theme-popover").slideDown(200); }) $(".theme-poptit .close").click(function(){ $(".theme-popover-mask").fadeOut(100); $
登录弹出框JS网页特效
11-10
登录弹出框是网页设计中常见的一种交互元素，主要用于用户身份验证或收集用户信息。在JavaScript（JS）的帮助下，我们可以创建动态、响应式的登录弹出框，提升用户体验。本资源"登录弹出框JS网页特效"很可能是提供了...
弹出登录框
02-15
在网页设计中，"弹出登录框"是一个常见的功能，它允许用户在不离开当前页面的情况下进行身份验证。本文将详细讲解如何使用原生JavaScript来实现这一功能。 首先，我们需要理解基本的HTML结构，用于创建登录表单。一...
jquery 点击弹出登陆窗口
10-09
为了使弹出窗口有良好的用户体验，我们可以添加一些CSS样式来调整登录窗口的位置和外观。 ```css #login-popup { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background-...
jQuery点击按钮弹出登录框效果
11-11
"jQuery点击按钮弹出登录框效果"是网页交互中常见的一种功能，通常用于提升用户体验，使用户在不离开当前页面的情况下完成登录操作。下面将详细介绍这个功能的实现原理和步骤。 首先，我们需要理解jQuery的基本用法...
pi_heif-0.17.0-cp39-cp39-manylinux_2_31_armv7l.whl
最新发布
07-27
pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。
ubuntu20.04-ssh9.8p1-ssl3.0.14-focal-deb-amd64升级加固脚本.zip
07-27
若有新版本请查看文章最后附件地址：https://blog.csdn.net/liuxin638507/article/details/132450367 特点： 1、同时升级openssh与openssl，采用deb包形式，一键快速升级版本，无需每台单独再次进行编译， 2、隐藏openssh-版本号(openssh9.8p1及之后隐藏版本号还未找到方法) 3、已默认安全加固（已有配置跳过） 安装： 执行 bash upgrade_ssl_ssh_ubuntu.sh 进行安装 注意，升级安装后，确保sshd服务正常，请新开终端进行验证测试 验证 openssl版本： openssl version OpenSSL 3.0.14 4 Jun 2024 (Library: OpenSSL 3.0.14 4 Jun 2024) openssh版本： ssh -V OpenSSH_9.8p1, OpenSSL 3.0.14 4 Jun 2024
avif-0.5.0-cp36-cp36m-manylinux1_i686.whl
07-27
python库，可以直接安装使用，再也不怕自己pip下载，出现等待超时的现象。欢迎下载使用，使用过程中如有使用问题，请及时与我沟通交流，帮你解决！ python库，可以直接安装使用，再也不怕自己pip下载，出现等待超时的现象。欢迎下载使用，使用过程中如有使用问题，请及时与我沟通交流，帮你解决！ python库，可以直接安装使用，再也不怕自己pip下载，出现等待超时的现象。欢迎下载使用，使用过程中如有使用问题，请及时与我沟通交流，帮你解决！ python库，可以直接安装使用，再也不怕自己pip下载，出现等待超时的现象。欢迎下载使用，使用过程中如有使用问题，请及时与我沟通交流，帮你解决！ python库，可以直接安装使用，再也不怕自己pip下载，出现等待超时的现象。欢迎下载使用，使用过程中如有使用问题，请及时与我沟通交流，帮你解决！
教务管理系统-毕业设计.zip
07-27
教务管理系统-毕业设计.zip
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值