jquery +js + css + html pc端 用户登录 嵌入式小模块 方便使用

jquery +js + css + html pc端 用户登录 嵌入式小模块 方便使用

1.介绍

代码样式在css中设置和js中设置代码业务操作在js中设置模块位置处于浏览器绝对定位用户登录成功后的业务可以在js中编写现在登录成功做的是提示信息用户需要修改的地方：js中的登录地址可以把这些代码直接找个文件扔进去就ok非常便捷的哟

2.html代码

有需要修改的地方：

账号密码登录 关闭按钮

3.css代码

/** 弹出框样式一记录收号和登录信息 *//** 主界面样式 **/.userInfobf{ position:fixed; width:500px; height:310px; background-color:rgb(255, 255, 255); border:2px solid rgb(65, 107, 109); border-radius:10px; color:rgb(7, 6, 6); font-weight:900; /* 下边的在真实环境中解开 */ /* display:none; */}/** 表格样式 **/.userInfobf table{ width:100%; height:260px; text-align:center;}/** 表格input 样式 **/.userInfobf table tr td input{ width:180px; height:20px; line-height:20px; border-radius:5px;}/** 登陆按钮样式 **/#ajaxlogin{ border:1px solid rgb(69, 220, 240); background-color:rgb(43, 121, 73); color:#fff; padding:5px 80px; border-radius:10px; cursor:pointer;}/** 标题头部 */.userinfoTop{ width:100%; height:50px; line-height:50px; background-color:#f5f5f5; font-weight: 100;}/** 标题头部左边 */.userinfoTopleft{ float:left; margin-left:20px;}/** 标题头部右边 */.userinfoTopright{ float:right; cursor:pointer; margin-right:20px;}/** 弹出框样式一记录收号和登录信息 */

有需要修改的地方：

界面初始状态下的隐藏状态，在真实环境下解开隐藏状态

4.js代码

有需要修改的地方：

在真实环境中将注释中的xx换成真实的用户登录按钮id

5.界面样式

方便使用记录一个

ok

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。