新人求助,求帮助,网站登陆后如何显示登陆信息及个人信息。

qq_26148989 2015-02-24 12:06:03

具体：
网站顶部有登陆链接点击登陆后跳转到登陆页面登陆成功返回当前登陆页面顶部显示登录信息及个人信息。

我仿这个代码，直接复制他的网站代码。这是登录前代码

<div class="header">

<ul class="top">

<div>

  <span class="toplogin"> 

        <span id="t_ok_login" class="ok_login" style="display:none"></span>

    <span class="no_login" >

        <span>您好！ 请  <a href="/member/login.html">登录</a> <a href="/member/reg.html">免费注册</a>  <a onclick='sign()'><font color="#ff6600">每日签到</font></a>快捷登陆：</span> <a class="login_qq">QQ</a>  <a class="login_alipay">支付宝</a>   

    </span>    

	</span>

这是登陆后代码和截图

<div class="header">

<ul class="top">

<div>

  <span class="toplogin"> 

        <span id="t_ok_login" class="ok_login" >您好，<a href='/member/'><strong>九七源码</strong></a>,余额<a href='/member/paylog.html'>¥23.52</a>,积分<a href='/member/jflog.html' >1061</a>已签到 <a href='/member/'>我的管理中心</a> <a onclick='logout()'>退出</a> </span>

	<span class="no_login" style="display:none">

        <span>您好！ 请  <a href="/member/login.html">登录</a> <a href="/member/reg.html">免费注册</a>  <a onclick='sign()'><font color="#ff6600">每日签到</font></a>快捷登陆：</span> <a class="login_qq">QQ</a>  <a class="login_alipay">支付宝</a>   

    </span>    

	</span>

我复制的是第二段代码，可是登陆后不显示的人信息。一直显示第一段代码。闹不懂 style="display:none"> 这个代码怎么用。这个是隐藏和显示的代码吧。如何登陆后隐藏登陆链接并且显示登陆信息呢。
他这个有段JS代码

//QQ登陆

login_qq = function(){ 

		openwindow('/api_login/qq/','QQ登陆',710,400)

}



//支付宝登陆

login_alipay = function(){ 

setCookie("apay_url",Durl,"5");

openwindow('/api_login/alipay/','支付宝登陆',950,680);

}



function openwindow(url,name,iWidth,iHeight)

{

var url; 

var iWidth; 

var iHeight;

var iTop = (window.screen.availHeight-30-iHeight)/2; 

var iLeft = (window.screen.availWidth-10-iWidth)/2; 

window.open(url,name,'height='+iHeight+',,innerHeight='+iHeight+',width='+iWidth+',innerWidth='+iWidth+',top='+iTop+',left='+iLeft+',toolbar=no,menubar=no,scrollbars=auto,resizable=yes,location=yes,status=no');

}







//更新登陆

function UCheck(){

layer.check('check',function(is){

	if(is!=false){

	var arr = is.split('|');

		$(".no_login").hide();  

		$("#t_ok_login").show().html(arr[0]);

		$("#i_ok_login").show().html(arr[1]);

	    $("#c_ok_login").show().html(arr[2]);

	}else{

	   $(".no_login").show();  

	   $(".ok_login").hide();

	}

});

}

这个是CSS代码

.main{width:1000px;}

.header div{width:1000px;}

.top{color:#666;height:18px;padding:5px 0;background-color:#f7f7f7;border-bottom:#eee solid 1px;}

.top  a{margin-right:8px;color:#666;}

.top  a:hover{text-decoration:underline;}

.toplogin,.toplogin .no_login span{float:left;}

.toplogin a{color:#247FBD;}

.toplogin a.login_qq,.toplogin a.login_alipay{

padding-left:18px;height:18px;line-height:18px;display: inline-block;color:#666;}

a.login_qq{float:left;background-position:-380px -386px;}

a.login_alipay{float:left;background-position:-380px -364px;}

本人是新手，正在学习，求大神能给予帮助，最好能写出来。谢谢。感谢！！！！

...全文