进入某页面,如果未登录的话则弹出登录对话框这个功能怎么实现?
求各位大虾帮帮忙!!!!!感谢!!!
------解决方案--------------------------------------------------------
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>jQuery UI Example Page</title>
<link type="text/css" href="css/smoothness/jquery-ui-1.8.17.custom.css" rel="stylesheet" />
<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.17.custom.min.js"></script>
<script type="text/javascript">
$(function(){
// Dialog
$('#dialog').dialog({
autoOpen: false,
width: 600,
buttons: {
"Ok": function() {
$(this).dialog("close");
},
"Cancel": function() {
$(this).dialog("close");
}
}
});
// Dialog Link
$('#dialog_link').click(function(){
$('#dialog').dialog('open');
return false;
});
});
</script>
<style type="text/css">
/*demo page css*/
body{ font: 62.5% "Trebuchet MS", sans-serif; margin: 50px;}
.demoHeaders { margin-top: 2em; }
#dialog_link {padding: .4em 1em .4em 20px;text-decoration: none;position: relative;}
#dialog_link span.ui-icon {margin: 0 5px 0 0;position: absolute;left: .2em;top: 50%;margin-top: -8px;}
</style>
</head>
<body>
<!-- Dialog NOTE: Dialog is not generated by UI in this demo so it can be visually styled in themeroller-->
<h2 class="demoHeaders">Dialog</h2>
<p><a href="#" id="dialog_link" class="ui-state-default ui-corner-all"><span class="ui-icon ui-icon-newwin"></span>Open Dialog</a></p>
<!-- ui-dialog -->
<div id="dialog" title="Dialog Title">
<p>此处布局用户名与密码等等</p>
</div>
</body>
</html>
------解决方案--------------------------------------------------------
简单的做法有
用html写一个绝对定位的登录框,display:none
当页面加载时判断出没有登陆时,把display属性的none去掉,登录框就出来了
什么技术都不需要
------解决方案--------------------------------------------------------
简单的做法有
用html写一个绝对定位的登录框,display:none
当页面加载时判断出没有登陆时,把display属性的none去掉,登录框就出来了
什么技术都不需要
+1
如果要我做。。我也这么做。
------解决方案--------------------------------------------------------
贴点代码吧:
<div id='loaddiv' runat="server" style="display:none;position:absolute;width:300px;height:200px;z-index:100">
中间写你的登录框
</div>
后台代码:
protected void Page_Load(object sender, EventArgs e)
{
if (Session["user"] == null)//判断是否登录
{
loaddiv.Attributes.Add("display", "");//未登录即显示登录框
}
}
------解决方案--------------------------------------------------------
http://www.cnblogs.com/fishbin/archive/2009/11/10/1600067
这里面有一个完整的实例而且通过Ajax实现的挺不错的。
------解决方案--------------------------------------------------------
弹出一个层就行
去GOOGLE下。
------解决方案--------------------------------------------------------
jquery_dialog
插件