登录，注册，个人信息，退出的隐藏和出现

先上效果图
1.未登录之前，隐藏个人信息和退出

2.登陆后，隐藏登陆和注册按钮，显示用户头像

3.点击头像，显示下拉列表

先上jquery代码

//注册，登录，个人信息，退出按钮的隐藏和出现$('#member, #logout').hide();if ($.cookie('username')) {$('#member,#logout').show();$('#reg_a,#login_a').hide();} else {$('#member,#logout').hide();$('#reg_a,#login_a').show();}

html代码
1.两个按钮

<div class="double"><button class="btn btn-success" data-toggle="modal"data-target="#myModal" data-backdrop="static" id="login_a">即刻登陆</button><button class="btn btn-danger" data-toggle="modal"data-target="#myModal1" data-backdrop="static" id="reg_a">马上注册</button></div>

2.个人信息及退出

<div class="user" style="width: 200px; height: 200px; float: right;padding-top: 40px;"id="member"><div class="dropdown"><img src="__PUBLIC__/Uploads/{$userInfo.filename}"alt="{$Think.session.username}" width="100px" height="100px"class="img-circle dropdown" data-toggle="dropdown"aria-haspopup="true" aria-expanded="true"style="-moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; overflow: hidden;"><ul class="dropdown-menu" aria-labelledby="dropdownMenu1"><li class="dropdown-header"><!-- {$Think.session.username} -->{$userInfo.username}</li><li><a href="#" data-toggle="modal" data-target="#myModal3"data-backdrop="static">账号设置</a></li><li><a href="#">Something else here</a></li><li><a href="__URL__/doLogout" id="logout">退出</a></li></ul></div></div>

本文地址：http://liuyanzhao.com/3498.html

转载请注明

登录，注册，个人信息，退出的隐藏和出现相关推荐

在线问诊、找科室、找医生、查疾病、图文问诊、电话急诊、健康咨询、问诊平台、咨询平台、问诊服务、语音问诊、开药问诊、看病平台、在线医疗、健康平台、登录注册、信息架构图、全局说明、组件规范、需求清单、
在线问诊.找科室.找医生.查疾病.图文问诊.电话急诊.健康咨询.问诊平台.咨询平台.问诊服务.语音问诊.开药问诊.看病平台.在线医疗.健康平台.登录注册.信息架构图.全局说明.组件规范.需求清单. A ...
学生登入html,学生登录注册和信息管理系统.py
先运行学生登录注册.py,没有账号密码就先注册,如果有的话就可以登陆, 登录成功后转到学生信息管理页面.py,然后可以对学生信息进行增,删,改,查的操作 main_page.txt和manage_p ...
数据库中用户登录注册用户信息表怎么设计如何设计
用户登录站内登录:用户信息+密码的验证形式: 用户名+密码, 手机+密码, 站外授权:第三方登录, 其实它也是用户信息+密码的形式, 用户信息即第三方系统中的ID(第三方登录一定会给一个在他们系统中 ...
登录注册查询信息（增、删、改、查）
该项目主要为前端页面+数据库连接(创建动态网页项目),比之前的疫情防控管理系统只有后端操作,其操作性和可读性更强. 实现了用户信息数据增删改查,注册.登录的功能. ***该资源,还包含Oracle创建 ...
【修真院pm小课堂】登录注册的触发场景
大家好,我是IT修真院深圳分院第七期的学员,一枚正直纯洁善良pm, 今天给大家分享一下,修真院官网pm任务五,深度思考中的知识点--在什么样的时间点里去做登录操作比较好一.登录注册注册登录系统对于 ...
ThinkPHP项目笔记之登录，注册，安全退出篇
1.先说注册 a.准备好注册页面,register.html,当然一般有,姓名,邮箱,地址等常用的. b."不要相信用户提交的一切数据",安全,安全是第一位的.所以要做判断,客户端 ...
Java游戏用户登录注册_用java类模拟游戏的账号的登陆，注册，退出。 1.没有账号，需要注册。 2.注册完成后方可登...
展开全部 /** 需求:奖客富翁游戏.62616964757a686964616fe4b893e5b19e31333337386564 菜单为: 1.注册用户信息.填写用户名,密码,电脑随机输出一个4 ...
【Django 开发】面试招聘信息网站（用户登录注册投在线递简历）
该文章收录专栏 -Django从(图文并茂轻松上手教程)专栏-!! ??内容: [Djang | 增删改查]学生系统案例 [Django | 项目搭建]快速搭建自己的项目 [Django | alla ...
shopxo首页右侧的登录注册板块：如何隐藏或删除？
shopxo首页的登录注册板块:如何隐藏或删除? 截图示下: 操作如下: 比如:直接隐藏截图示下: 操作如下: 可以从源码中去除,源码文件路径: application/index/view/def ...
信息管理系统的登录注册
在上一篇的数据库的高级应用中完成了数据库的连接,接下来完成信息管理系统的登录注册. 登录实际上就是查询数据库中是否有页面上的用户输入的用户名与密码.核对完再返回页面,登录成功显示相应页面,失败显示相应 ...

登录，注册，个人信息，退出的隐藏和出现

登录，注册，个人信息，退出的隐藏和出现相关推荐

最新文章

热门文章