百度登陆框代码(百度登录页面代码html)
admin 发布:2022-12-19 05:06 143
本篇文章给大家谈谈百度登陆框代码,以及百度登录页面代码html对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。
本文目录一览:
- 1、如何实现如点百度“登陆”时弹出登陆框(网页制作)
- 2、仿百度登陆弹窗的JS或者jquery代码 求详细
- 3、如何使用JSP来实现百度的登录弹出框??
- 4、百度商桥登陆失败,对话框中显示“网络异常,错误代码142”
- 5、html 百度登陆界面
如何实现如点百度“登陆”时弹出登陆框(网页制作)
最方便的实现方式是:
1、在要打开登录框的页面创建一个div,设置div的样式表z-index为本页面最大的,以及设置为居中,调整其大小并将其隐藏;
2、创建一个登录的页面,页面中内容不超过div的大小(也可以部分页面,都写在上一个jsp中,但如果别的页面也需要用就会写很多个了);
3、在有登录按钮的页面,设置登录按钮的事件,点击后弹出div并嵌套登录的页面。
下面为示例代码:
login.jsp
style
.loginDiv { width: 400px; height: 450px; }
/style
center
div class="loginDiv"
from
账号:input type='text' id='name' /br
账号:input type='password' id='pwd' /br
button type='submit'登录/button
/form
/center
/div
other.jsp
#loginDiv { width: 400px; height: 450px; z-index: 99999; }
script
//jQuery语言
$(
$('#loginDiv').hide();
$('#btnLogin').click(function() {
$('#loginDiv').dialog({
width: 400,
height: 450,
modal: true,
resizable: false,
title: dialogTitle,
close: function(e, u) {
$('#loginDiv').empty();
$(this).dialog("destroy");
});
});
);
/script
button id='btnLogin' type='button'登录/button
div id='loginDiv'
iframe url='login.jsp/iframe
iframe style="border: 0; width: 100%; height: 100%;"/iframe
/div
仿百度登陆弹窗的JS或者jquery代码 求详细
!DOCTYPE html
html
head
meta charset="utf-8" /
titlediv布局/title
script type="text/javascript" src=""/script
style type="text/css"
.corInsertHref
{
position: absolute;
z-index: 10000;
width: 370px;
float: left;
display: none;
background-color: #fff;
padding: 10px;
}
.corBackground
{
width: 100%;
height: 100%;
position: absolute;
background-color: #000;
top: 0;
left: 0;
filter: alpha(opacity=30);
-moz-opacity: 0.30;
-khtml-opacity: 0.30;
opacity: 0.30;
z-index: 9999;
display: none;
}
/style
script type="text/javascript"
$(function() {
//点击登录按钮 弹出层并初始化弹出层位置
$("#btnlogin").click(function() {
$("#corBackground").animate({ opacity: "show" }, "slow");
$("#corInsertHref").animate({ opacity: "show" }, "slow");
autoSize($("#corInsertHref"));
});
//窗口大小缩放事件
$(window).resize(function() {
autoSize($("#corInsertHref"));
});
//窗口大小缩放时调整弹出层的位置
var autoSize = function(corObj) {
var wWidth = $(window).width(), wHeight = $(window).height();
var ihWidth = corObj.outerWidth(true), ihHeight = corObj.outerHeight(true);
corObj.css({ "top": ((wHeight - ihHeight) / 2) + "px", "left": ((wWidth - ihWidth) / 2) + "px" });
}
});
/script
/head
body
span id="btnlogin"登录/span
div id="corInsertHref" class="corInsertHref"
p
账号input id="txtName" type="text" //p
p
密码input id="txtPwd" type="text" //p
p
input type="button" value="登 录" //p
/div
div id="corBackground" class="corBackground"
/div
/body
/html
粗略的写了下,可以吗?
如何使用JSP来实现百度的登录弹出框??
使用JSP来实现百度的登录弹出框:
核心代码:
html
head
title/title
script type="text/javascript"
function showLogin() {
var loginDiv = document.getElementById("loginDiv");
var zhezhao = document.getElementById("zhezhao");
var clientx = document.documentElement.clientWidth;
var clienty = document.documentElement.clientHeight;
var l_margin = (clientx - parseInt(loginDiv.style.width)) / 2;
var t_margin = (clienty - parseInt(loginDiv.style.height)-200) / 2
loginDiv.style.left = l_margin + "px";
loginDiv.style.top = t_margin +"px";
loginDiv.style.display = "block";
zhezhao.style.display = "block";
}
function hidLogin() {
var loginDiv = document.getElementById("loginDiv");
var zhezhao = document.getElementById("zhezhao");
loginDiv.style.display = "none";
zhezhao.style.display = "none";
}
function titleMove() {
var moveable = true;
var loginDiv = document.getElementById("loginDiv");
//以下变量提前设置好 var clientX = window.event.clientX;
var clientY = window.event.clientY;
var moveTop = parseInt(loginDiv.style.top);
var moveLeft = parseInt(loginDiv.style.left);
document.onmousemove = function MouseMove() {
if (moveable) {
var y = moveTop + window.event.clientY - clientY;
var x = moveLeft + window.event.clientX - clientX;
if (x 0 y 0) {
loginDiv.style.top = y + "px";
loginDiv.style.left = x + "px";
}
}
}
document.onmouseup = function Mouseup() {
moveable = false;
}
}
/script
/head
body
!--Main start z-index:0--
div id="Main" style="position:absolute;z-index:0;"
a href="javascript:showLogin()"登陆/a
/div
!--Main start z-index:0--
!--loginDiv start :z-index:2--
div id="loginDiv" style="background-color:white;width:300px;height:150px;border:1px solid blue;z-index:2;display:none;position:absolute;border-top:none"
div onmousedown="titleMove()" id="login_title" style="width:300px;height:25px;background-color:Blue;border:1px solid silver;border-left:none;border-right:none"
!--img src="../images/close.jpg" style="float:right" onclick="hidLogin()"/--
a href="javascript:hidLogin()" style="float:right;text-decoration:none;color:white;margin-right:2px;font-size:20px"×/a
/div
table style="clear:right;width:298px;height:115px;text-align:right;margin-top:10px;"
trtd用户名:/tdtdinput type="text" style="width:180px;" //tdtd /td/tr
trtd密码:/tdtdinput type="text" style="width:180px;" //tdtd /td/tr
trtdbr //tdtd/td/tr
/table
/div
!--loginDiv end :z-index:2--
!--zhezhao start: z-index:1--
div id="zhezhao" style="position:absolute;z-index:1;width:100%;height:100%;background-color:silver;display:none;opacity:.5;"
!--zhezhao end--
/div
/body
/html
运行效果:
百度商桥登陆失败,对话框中显示“网络异常,错误代码142”
方法绝对管用,专治百度商桥142错误。
打开internet
,工具,internet选项,高级,找到使用TSL1.0,将前面的对号去掉,然后登陆。
是不是OK了?
具体什么原因不清楚。这个方法是商桥客服教的。
有的电脑,这个前面的对号在,也能登录商桥。
我觉得可能是什么冲突或更改。
html 百度登陆界面
我以前用js写了一个,但是不能拖动,很纠结,我是用js新建了一个div,把要写的内容的html写到div里,然后显示该div绝对定位到该位置。
百度登陆框代码的介绍就聊到这里吧,感谢你花时间阅读本站内容,更多关于百度登录页面代码html、百度登陆框代码的信息别忘了在本站进行查找喔。
版权说明:如非注明,本站文章均为 AH站长 原创,转载请注明出处和附带本文链接;
相关推荐
- 05-09百度服务热线,百度服务热线打不进去
- 05-09百度seo查询工具,百度seo效果怎么样
- 05-08百度网站,百度网站的网址
- 05-08百度竞价排名又叫,百度 竞价排名
- 05-08百度搜索推广优化师工作内容,优化和百度推广的区别
- 05-08百度搜索关键词优化,百度关键词优化软件如何
- 05-07网易推广员系统登录,网易推广员系统推广平台
- 05-07百度收录网站多久,百度收录网站多久更新
- 05-07百度快速排名软件原理,百度快排排名
- 05-07html网页制作软件,html网页制作软件手机版下载
取消回复欢迎 你 发表评论:
- 标签列表
- 最近发表
- 友情链接