正文
jquery弹出登录,jquery弹出确认框
小程序：扫一扫查出行【扫一扫了解最新限行尾号】
复制小程序
用jQuery怎么实现登陆时的消息弹出框，并且不用点击事件，登陆后直接弹出
自己写一个信息页面：我这里弹出的信息页面用baidu网站代替:
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""
html xmlns=""
head
meta http-equiv="Content-Type" content="text/html; charset=gb2312" /
title右下角弹出提示信息框/title
/head
style type="text/css"
#rbbox{
position:absolute;
right:0;
bottom:0;
width:300px;
height:0px;
overflow:hidden;
}
/style
body
div id="rbbox"
iframe src="" frameborder="0" height="200" width="300" scrolling="no"/iframe
/div
script language="javascript" type="text/javascript"
window.onload=function(){
showBox();
//setTimeout("closeBox()",5000)设置关闭时间
}
function showBox(o){
if (o==undefined) o=document.getElementById("rbbox");
o.style.height=o.clientHeight+2+"px";
if (o.clientHeight200) setTimeout(function(){showBox(o)},5);
}
function closeBox(){
document.getElementById("rbbox").style.display="none";
}
/script
/body
/html
Jquery 弹出登录框的问题？急
两种方式都行啊，可以写好一个登录DIV，然后隐藏掉，触发之后显示出来。或者用JS动态的生成元素。不过这个方法貌似比较复杂，需要先生成最外层的DIV,然后是后面的form -input -..等
求jQuery弹出登录框
楼主要求真高，我简单添出一个弹出登录框效果！
style
#tishi{
margin-left:auto;
margin-right:auto;
border:2px solid #FFFFFF;
font-size:12px;
font-family: "宋体";
color:#990000;
padding-top:20px;
width:400px;
height:200px;
position:absolute;
z-index:110;
background:#e7e7e7;
left:0;
top:0;
opacity:0.5;
filter:Alpha(opacity=85);
}
//上面显示登陆框的
#Yangan{
filter:Alpha(opacity=40);//透明40%
left:0;
top:0;
background: #303030;
opacity:0.80;
width:100%;//可见部分全部隐罩效果
height:100%;
position:absolute;//
}
//这里隐罩效果
/style
div id="tishi"
登录框
/div
div id="Yangan"/div//
JQuery 弹出登陆窗口，登陆成功后如何关闭弹出的窗口
你说的这种登陆窗口一般都是使用ajax请求。
$.ajax([
...
success:function(){
//状态栏内容更新
//关闭登陆窗口
}
]);
jQuery怎么弹出模式登录界面，谢谢！
jQuery怎么弹出模式登录界面，这个很简单，我给你讲解一下关键技术。
jQuery 弹出框，其实是创建一个 div ，然后 定位 div ，用css 渲染div效果。
比如实例：
当点击 一个按钮，弹出一个 对话款，在网页中间。
代码如下：
!DOCTYPE html
html
head
meta http-equiv="Content-Type" content="text/html; charset=utf-8" /
title/title
script type="text/javascript" src=""/script
script type="text/javascript"
$(function() {
$('#show').click(function(){
var html ='div id="windows"成功啦，这样总可以设我为最佳了吧？哈。^_*/divdiv id="bg"/div';
$('body').append(html);
var left = ($(document).width() - $('#windows').width()) /2;
$('#windows').css({left:left});
$('#bg').show().height( $(document).height() ).css({'opacity':0.7});
});
});
/script
style type="text/css"
html,body{margin: 0; padding: 0;}
#show{ padding:100px; font-size:36px;}
#windows { position:absolute; top:100px; left:50px; background: #CCC; width:500px; padding:20px; z-index:999; text-align:center;}
#bg{ width:100%; height:100%; position:absolute; top:0; left:0; z-index:1; background:#000; }
/style
/head
body
div id="show"点我啊/div
/body
/html
---------------------------------------
代码是我大半夜手敲的哦，这样总可以吧？谢谢哦，你懂得。。。
怎样用jquery弹出提示，登录成功或者登录失败。jquery弹出div，不是页面显示登录成功或失败
$.ajax({
url : ‘userAction!login.action’,
type : "post",
dataType : "json",
cache : false,
error : function(textStatus, errorThrown) {
alert("系统ajax交互错误: " + textStatus.value);
},
success : function(data, textStatus) {
if(data.result=='success'){
alert("登录成功！");
}else if(data.result=='err'){
alert("登录失败！");
}
});
