折叠目录html,WEB前端 jQuery版无限目录折叠菜单

最新推荐文章于 2022-03-16 13:43:45 发布
最新推荐文章于 2022-03-16 13:43:45 发布
阅读量333 收藏
点赞数
文章标签： 折叠目录html

/p>

怎么写前端开发文档:登录 注册

body,

ul,

li {

margin: 0;

padding: 0;

}

body,

button {

font-family: “Microsoft YaHei”, Arial, sans-serif;

letter-spacing: 1px;

}

ul {

list-style: none;

}

.sign-wrap {

width: 100%;

height: 100%;

position: fixed;

top: 0;

left: 0;

background: rgba(0, 0, 0, 0.4);

z-index: 128;

}

.sign-content {

width: 500px;

background: #fff;

position: absolute;

top: 50%;

left: 50%;

margin: -250px 0 0 -250px;

border-radius: 6px;

padding: 15px;

}

.sign-head ul {

padding: 1px 0 0 38px;

border-bottom: 1px solid #dbdbd9;

}

.sign-head ul li {

display: inline-block;

padding: 6px 12px;

border: 1px solid #dbdbd9;

background: #f2f1ef;

color: #504c4d;

position: relative;

top: 1px;

margin-right: 10px;

}

.sign-head ul li:hover {

cursor: pointer;

}

.sign-head ul .on {

background: #fff;

border-bottom-color: #fff;

}

.sign-regitar {

display: none;

}

.sign-login,

.sign-regitar {

padding-top: 20px;

width: 70%;

margin: 0 auto;

}

.sign-wrap-block {

padding: 10px 0;

}

.sign-content input[type=”text”],

.sign-content input[type=”password”],

.sign-content input[type=”number”] {

padding: 6px 0;

text-indent: 6px;

border-radius: 2px;

border: 1px solid #b7b7b7;

}

.sign-content input[type=”text”]:focus,

.sign-content input[type=”password”]:focus,

.sign-content input[type=”number”]:focus,

.sign-content input.error-active {

outline: none;

border-color: #ff6000;

}

.sign-content input.success-active {

border-color: #51C37F;

}

.sign-content .sign-login input[type=”text”],

.sign-content .sign-login input[type=”password”] {

width: 80%;

}

.sign-content .sign-regitar input[type=”text”],

.sign-content .sign-regitar input[type=”password”],

.sign-content .sign-regitar input[type=”number”] {

width: 76%;

}

.sign-login label span {

display: inline-block;

width: 14%;

}

.sign-regitar label span {

display: inline-block;

width: 22%;

}

.sign-login-btn {

width: 80%;

padding: 6px 0;

font-size: 16px;

font-family: “Microsoft YaHei”, Arial, sans-serif;

background: #ff6100;

color: #fff;

border-radius: 2px;

border: 1px solid #d45a0f;

margin: 10px 0 10px 14%;

}

.sign-register-btn-wrap {

width: 80%;

margin-left: 14%;

text-align: center;

font-size: 12px;

margin-bottom: 10px;

}

.sign-register-btn-wrap button {

border: 0;

background: transparent;

border-right: 1px solid #E65600;

margin-right: 7px;

color: #E65600;

}

.sign-register-btn-wrap a {

text-decoration: none;

color: #E65600;

}

.sign-content .sign-regitar input.sign-regitar-moddle-btn {

width: 40%;

}

.sign-regitar-set-verificat {

padding: 5px;

margin-left: 20px;

background: #ff6100;

border: 1px solid #E65600;

border-radius: 2px;

color: #fff;

}

.sign-regitar-set-verificat:hover,

.sign-regitar-img-verificat:hover {

cursor: pointer;

}

.sign-regitar-img-verificat {

height: 30px;

vertical-align: middle;

margin-left: 20px;

}

.sign-login-error-hint,

.sign-regitar-error-hint {

color: #f00;

text-shadow: 1px 1px 1px #ddd;

}

.sign-login-error-hint {

margin-left: 14%;

}

.sign-regitar-error-hint {

margin-left: 22%;

}

.sign-user-agreement {

margin: 18px 0 6px 22%;

font-size: 12px;

}

.sign-to-register {

font-size: 12px;

}

.sign-agreement {

position: relative;

top: 2px;

}

.sign-user-agreement a {

color: #ff6100;

text-decoration: none;

}

.sign-register-btn {

padding: 8px 20px;

background: #ff6100;

color: #fff;

border: 1px solid #E65600;

border-radius: 2px;

font-size: 16px;

margin: 0 10px 20px 22%;

}

.sign-quick-login {

text-decoration: none;

color: #ff6100;

}

.sign-register-wrap {

font-size: 12px;

}

  • 注册

邮箱:

密码:

登陆

立即注册

忘记密码

电子邮箱:

登陆密码:

确认密码:

手机号码:

短信验证:

发送验证码

验证号码:

placeholder=”填写验证码”>

”验证码”

已阅读并同意

用户协议

确定注册已经注册?

快速登陆

var sign = {};

// 获取dom

sign.getDom = function () {

var signWrap = document.getElementById(‘sign-wrap’) || null,

loginTit = signWrap.getElementsByClassName(‘sign-login-tit’)[0] || null,

regitarTit = signWrap.getElementsByClassName(‘sign-register-tit’)[0] || null,

login = signWrap.getElementsByClassName(‘sign-login’)[0] || null,

regitar = signWrap.getElementsByClassName(‘sign-regitar’)[0] || null,

loginEmail = signWrap.getElementsByClassName(‘sign-login-email’)[0] || null,

loginPass = signWrap.getElementsByClassName(‘sign-login-password’)[0] || null,

loginBtn = signWrap.getElementsByClassName(‘sign-login-btn’)[0] || null,

regitarEmail = signWrap.getElementsByClassName(‘sign-regitar-email’)[0] || null,

regitarPass = signWrap.getElementsByClassName(‘sign-regitar-password’)[0] || null,

regitarBtn = signWrap.getElementsByClassName(‘sign-login-btn’)[0] || null,

regitarAffirmPassword = signWrap.getElementsByClassName(‘sign-regitar-affirm-password’)[0] || null,

regitarTel = signWrap.getElementsByClassName(‘sign-regitar-tel’)[0] || null,

regitarNote = signWrap.getElementsByClassName(‘sign-regitar-note’)[0] || null,

regitarSetVerificat = signWrap.getElementsByClassName(‘sign-regitar-set-verificat’)[0] || null,

regitarVerificatCode = signWrap.getElementsByClassName(‘sign-regitar-verificat-code’)[0] || null,

regitarImgVerificat = signWrap.getElementsByClassName(‘sign-regitar-img-verificat’)[0] || null,

signAgreement = signWrap.getElementsByClassName(‘sign-agreement’)[0] || null,

registerBtn = signWrap.getElementsByClassName(‘sign-register-btn’)[0] || null;

registerErrorTint = signWrap.getElementsByClassName(‘sign-regitar-error-hint’)[0] || null;

loginErrorTint = signWrap.getElementsByClassName(‘sign-login-error-hint’)[0] || null;

sign.dom = {

“signWrap”: signWrap,

“loginTit”: loginTit,

“regitarTit”: regitarTit,

“login”: login,

“regitar”: regitar,

“loginEmail”: loginEmail,

“loginPass”: loginPass,

“loginBtn”: loginBtn,

“regitarEmail”: regitarEmail,

“regitarPass”: regitarPass,

“regitarBtn”: regitarBtn,

“regitarAffirmPassword”: regitarAffirmPassword,

“regitarTel”: regitarTel,

“regitarNote”: regitarNote,

“regitarSetVerificat”: regitarSetVerificat,

“regitarVerificatCode”: regitarVerificatCode,

“regitarImgVerificat”: regitarImgVerificat,

“signAgreement”: signAgreement,

“registerBtn”: registerBtn,

“registerErrorTint”: registerErrorTint,

“loginErrorTint”: loginErrorTint

};

};

// tab选项栏

sign.tab = function () {

sign.dom.loginTit.onclick = function () {

sign.dom.regitarTit.className = “login-tit”;

this.className = “login-tit on”;

sign.dom.login.style.display = “block”;

sign.dom.regitar.style.display = “none”;

}

sign.dom.regitarTit.onclick = function () {

sign.dom.loginTit.className = “regitar-tit”;

this.className = “regitar-tit on”;

sign.dom.regitar.style.display = “block”;

sign.dom.login.style.display = “none”;

}

}

// 显示

sign.show = function (state) {

if (state === 0) { // 登陆

sign.dom.regitarTit.className = “regitar-tit”;

sign.dom.loginTit.className = “login-tit on”;

sign.dom.login.style.display = “block”;

sign.dom.regitar.style.display = “none”;

} else { // 注册

sign.dom.loginTit.className = “login-tit”;

sign.dom.regitarTit.className = “regitar-tit on”;

sign.dom.regitar.style.display = “block”;

sign.dom.login.style.display = “none”;

}

sign.dom.signWrap.style.display = “block”;

}

// 隐藏

sign.hide = function () {

sign.dom.signWrap.style.display = “none”;

}

// 登录

sign.login = function () {

sign.dom.loginEmail.onblur = function () {

if (!sign.dom.loginEmail || !sign.isEmail(sign.dom.loginEmail.value)) {

sign.dom.loginErrorTint.innerHTML = “请输入正确的邮箱！”;

sign.dom.loginEmail.className = “sign-login-email error-active”;

return;

} else {

sign.dom.loginErrorTint.innerHTML = “”;

sign.dom.loginEmail.className = “sign-login-email success-active”;

}

}

sign.dom.loginPass.onblur = function () {

if (!sign.dom.loginPass || !sign.dom.loginPass.value) {

sign.dom.loginErrorTint.innerHTML = “请输入密码！”;

sign.dom.loginPass.className = “sign-login-email error-active”;

return;

} else {

sign.dom.loginErrorTint.innerHTML = “”;

sign.dom.loginPass.className = “sign-login-email success-active”;

}

}

sign.dom.loginBtn.onclick = function () {

sign.ajax(“/user/login/index.

if (call != null) {

switch (call.resultCode) {

case -1:

sign.dom.loginErrorTint.innerHTML = “用户名或密码错误”;

break;

case -2:

sign.dom.loginErrorTint.innerHTML = “此ip登录频繁，请2小时后再试”;

break;

case -3:

sign.dom.loginErrorTint.innerHTML = “”;

if (call.errorNum == 0) {

sign.dom.loginErrorTint.innerHTML = “此ip登录频繁，请2小时后再试”;

} else {

sign.dom.loginErrorTint.innerHTML = “用户名或密码错误，您还有” + call.errorNum + “次机会”;

}

break;

case -4:

sign.dom.loginErrorTint.innerHTML = “您的浏览器还未开启COOKIE,请设置启用COOKIE功能”;

break;

case 1:

console.log(location.search.match(“forwardUrl”));

console.log(location.search.split(‘=’)[1] !== “”);

if (location.search.match(“forwardUrl”) && location.search.split(‘=’)[1] !== “”) {

window.location.href = “http://” + window.location.host + “/” + location.search.split(‘=’)[1];

} else if (location.search.match(“forwardUrl”) && location.search.split(‘=’)[1].trim() == “”) {

window.location.href = “http://” + window.location.host + “/”;

} else {

window.location.href = “http://” + window.location.host + “/”;

}

break;

case 2:

sign.dom.loginErrorTint.innerHTML = “账户出现安全隐患被冻结，请尽快联系客服。”;

break;

case -404:

sign.dom.loginErrorTint.innerHTML = “系统升级中，暂停登录”;

break;

}

}

});

}

}

// 注册

sign.regitar = function () {

sign.dom.regitarEmail.onblur = function () {

if (!sign.dom.regitarEmail || !sign.isEmail(sign.dom.regitarEmail.value)) {

sign.dom.registerErrorTint.innerHTML = “请输入正确的邮箱！”;

sign.dom.regitarEmail.className = “sign-regitar-email error-active”;

return;

} else {

sign.dom.registerErrorTint.innerHTML = “”;

sign.dom.regitarEmail.className = “sign-regitar-email success-active”;

}

}

sign.dom.regitarPass.onblur = function () {

if (!sign.dom.regitarPass || !sign.dom.regitarPass.value) {

sign.dom.registerErrorTint.innerHTML = “请输入密码！”;

sign.dom.regitarPass.className = “sign-regitar-password error-active”;

return;

} else {

sign.dom.registerErrorTint.innerHTML = “”;

sign.dom.regitarPass.className = “sign-regitar-password success-active”;

}

}

sign.dom.regitarAffirmPassword.onblur = function () {

if (!sign.dom.regitarAffirmPassword || !sign.dom.regitarAffirmPassword.value) {

sign.dom.registerErrorTint.innerHTML = “请输入确认密码！”;

sign.dom.regitarAffirmPassword.className = “sign-regitar-affirm-password error-active”;

return;

} else if (sign.dom.regitarAffirmPassword.value !== sign.dom.regitarPass.value) {

sign.dom.registerErrorTint.innerHTML = “两次输入的密码不一致！”;

sign.dom.regitarAffirmPassword.className = “sign-regitar-affirm-password error-active”;

return;

} else {

sign.dom.registerErrorTint.innerHTML = “”;

sign.dom.regitarAffirmPassword.className = “sign-regitar-affirm-password success-active”;

}

}

sign.dom.regitarTel.onblur = function () {

if (!sign.dom.regitarTel || !sign.dom.regitarTel.value) {

sign.dom.registerErrorTint.innerHTML = “请输入手机号码！”;

sign.dom.regitarTel.className = “sign-regitar-tel error-active”;

return;

} else if (!sign.isMobile(sign.dom.regitarTel.value)) {

sign.dom.registerErrorTint.innerHTML = “请输入正确的手机号码！”;

sign.dom.regitarTel.className = “sign-regitar-tel error-active”;

} else {

sign.dom.registerErrorTint.innerHTML = “”;

sign.dom.regitarTel.className = “sign-regitar-tel error-active success-active”;

}

}

sign.dom.regitarNote.onblur = function () {

if (!sign.dom.regitarNote || !sign.dom.regitarNote.value) {

sign.dom.registerErrorTint.innerHTML = “请填写短信验证码”;

sign.dom.regitarNote.className = “sign-regitar-note sign-regitar-moddle-btn error-active”;

return;

} else {

sign.dom.registerErrorTint.innerHTML = “”;

sign.dom.regitarNote.className = “sign-regitar-note sign-regitar-moddle-btn success-active”;

}

}

sign.dom.regitarVerificatCode.onblur = function () {

if (!sign.dom.regitarVerificatCode || !sign.dom.regitarVerificatCode.value) {

sign.dom.registerErrorTint.innerHTML = “请填写验证码”;

sign.dom.regitarVerificatCode.className = “sign-regitar-verificat-code sign-regitar-moddle-btn error-active”;

return;

} else {

sign.dom.registerErrorTint.innerHTML = “”;

sign.dom.regitarVerificatCode.className = “sign-regitar-verificat-code sign-regitar-moddle-btn success-active”;

}

}

// sign.ajax(“/validate/validatePhone.

// });

}

sign.ajax = function (url, call) {

//先声明一个异步请求对象

var xmlHttpReg = null;

if (window.ActiveXObject) {//如果是IE

xmlHttpReg = new ActiveXObject(“Microsoft.XMLHTTP”);

} else if (window.XMLHttpRequest) {

xmlHttpReg = new XMLHttpRequest(); //实例化一个xmlHttpReg

}

//如果实例化成功,就调用open()方法,就开始准备向服务器发送请求

if (xmlHttpReg != null) {

xmlHttpReg.open(“get”, url, true);

xmlHttpReg.send(null);

xmlHttpReg.onreadystatechange = doResult; //设置回调函数

}

function doResult() {

if (xmlHttpReg.readyState == 4) {//4代表执行完成

if (xmlHttpReg.status == 200) {//200代表执行成功

//将xmlHttpReg.responseText的值赋给ID为resText的元素

call(JSON.parse(xmlHttpReg.responseText));

sign.loginResponseText = xmlHttpReg.responseText;

}

}

}

}

// 是否是邮箱

sign.isEmail = function (email) {

var remail = /^([\w-_]+(?:\.[\w-_]+)*)@((?:[a-z0-9]+(?:-[a-zA-Z0-9]+)*)+\.[a-z]{2,6})$/i;

return remail.test(email);

}

// 是否是手机

sign.isMobile = function (m) {

return /^0?1[3|4|5|8][0-9]\d{8}$/.test(m);

}

// 初始化

sign.init = function () {

sign.getDom();

sign.tab();

sign.login();

sign.regitar();

}

sign.init();

Unreal丶
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Web前端--折叠菜单（Jquery版）
helloWolrldApe的博客
03-31 2664
Web前端–折叠菜单（Jquery版） 先上效果图 背景可以自己设置。 以下是代码实现： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="//libs...
html 折叠目录树,在Web界面下生成像资源管理器一样的树形目录（很酷的效果）...
weixin_35728089的博客
05-30 1037
——————————————————————————–问题描述：在我们项目中常常会出现自关联的数据表，如果我们从整体看去，整个表就呈现为一个树形数据结构(对于复杂的情况，它可能变成一个图)。当我们对这个表进行显示，编辑时，如果不采用好的表现形式，会显得很笨拙，为此，我们开发这样的树形结构的程序。在上一版本中，我们使用的是递归算法来实现，在我们对这个算法评测时发现，对于拥有成千上万条记录的数据库就不...
WEB HTML 二级菜单 折叠展开菜单
热门推荐
小西瓜吖的博客
03-16 1万+
WEB，HTML，二级菜单，折叠展开 一、效果图： 二、完整代码： 直接复制 浏览器打开即可。 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>菜单</title> <!-- JS --> <script language="javascript"&g
web前端利用jq实现折叠菜单
代码海中一粒米
03-07 724
实现效果图： 实现功能：在点击某一个一级菜单的时候，相应的二级菜单会下拉展开 实现代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-wi...
html5 好看的折叠效果,html5菜单折纸效果
weixin_34792546的博客
06-02 798
类似猎豹浏览器安装时的用户须知效果。点击后效果复制代码代码如下:fold paper effect by gt-柯乐义#wrapper {-webkit-perspective: 55cm;-webkit-perspective-origin: 50% 50%;text-align: center;}.paper {position: relative;height: 40px;width: 5e...
html 小三角折叠菜单,大饱眼福 7款类型各异的CSS3实用菜单
weixin_33959449的博客
05-31 1063
本文作者html5tricks，转载请注明出处在网站上应用一款具有表现力和用户体验的网页菜单非常重要，如果你的网站很现代，那么请利用1、清新小图标的HTML5/CSS3侧边栏菜单之前我们分享过几款CSS3侧边栏菜单，像CSS3侧边栏菜单 带可爱的小图标菜单和CSS3侧边栏手风琴菜单，都非常不错。今天我们要分享的这款CSS3侧边栏菜单和之前这款菜单类似，也带有漂亮可爱的小图标，鼠标滑过菜单项时背景会...
汉堡式折叠html,HTML+Sass实现HambergurMenu汉堡包式菜单
weixin_36219784的博客
05-31 462
这篇文章主要介绍了HTML+Sass实现HambergurMenu,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧前几天看了国外一个大佬用HTML+CSS实现HamburgerMenu的视频，然后最近在看Sass，所以用Sass来实现一下。在VS Code中的文件结构(编译scss文件用的是easy sass)：页面结构(ind...
html 目录生成器,Tocify：动态节点目录菜单生成器_html/css_WEB-ITnose
weixin_28813025的博客
06-05 442
Tocify是一个能够动态生成文章节点目录的jQuery插件。假如我们有一篇很长的文章，文章有多个节点，那么使用Tocify可以根据节点元素动态生成文章目录，点击目录可以平滑滚动到对应的节点，当然当滚动页面时，目录结构会根据当前监听到的节点进行切换到当前目录状态。查看演示 下载源码Tocify目前支持Twitter Bootstrap和jQueryUI Themeroller两种主题风格，我们可以...
jquery自制折叠菜单
包子源的博客
04-04 615
利用jquery可以轻松的制作折叠菜单，先来看看效果图吧： 当点击每个标题时会下来，再次点击会滑动收缩，接下来看看具体的实现代码吧： jQuery 自制折叠菜单 *{margin: 0;padding: 0;} .toggle { width:250px; } .toggle dl dt { border-top:1px solid #D1D1
jQuery动画标签折叠式菜单
04-02
下面我们将深入探讨jQuery、动画效果、折叠菜单以及手风琴效果等相关知识点。 首先，jQuery是一个基于JavaScript的库，它简化了JavaScript的DOM操作、事件处理、动画设计以及Ajax交互。jQuery的核心理念是“写得更...
前端HTML以及CSS及JS做炫酷的折叠菜单.zip
11-18
本文将深入探讨如何使用HTML、CSS和JavaScript这前端三大件来构建一个炫酷的折叠菜单，这对于web前端学习者或自学者来说极具价值。 首先，HTML（HyperText Markup Language）是构建网页结构的基础。在制作折叠菜单...
jQuery+CSS3+HTML5折叠卡片式下拉菜单特效
06-05
总的来说，这个折叠卡片式下拉菜单特效是HTML5、CSS3和jQuery技术的完美融合，展示了现代Web开发的灵活性和表现力。通过学习和理解这个特效，开发者可以进一步提升自己的前端技能，创建出更多富有创意和用户体验的...
jQuery+Bootstrap手风琴折叠菜单代码
06-05
本项目是关于创建一个"jQuery+Bootstrap手风琴折叠菜单代码"的实现，这种菜单通常被称为"手风琴菜单"，因为它在展开和折叠时具有类似手风琴的动态效果。 首先，jQuery是一个轻量级的JavaScript库，它提供了丰富的...
Web-前端html+css从入门到精通 237. CSS与JS结合之折叠菜单.zip
05-23
CSS与JS结合之折叠菜单”着重于如何将CSS和JavaScript巧妙地融合，实现动态的折叠菜单效果。这是一项重要的技能，因为它能为用户提供更加直观和易用的界面。 首先，我们来了解一下HTML的基础。HTML（HyperText ...
ASP外观专利图像检索平台(源代码+论文).rar
07-21
ASP外观专利图像检索平台(源代码+论文)
C++课程设计：电煤气管理系统【源码+文档】
07-21
C++课程设计：电煤气管理系统【源码+文档】 本程序是一个水电气管理信息系统，能够对高校的水电气费用进行管理, 包括了成员的基本信息，如学号、编号、姓名、成员水电气的用量等。程序的用途包括缴纳水电气费、查询一个同学水电气费用量、查看所有同学的缴费情况、增加学生信息、删除学生信息、退出系统等。在设计时也考虑到学生和教师在用水电气时的不同，学生可以免费使用一定额度的水电气，超过这个额度的以后必须付费，且付费部分水电气费的价格要高于教工的收费标准，该措施的实行是为了鼓励同学们节约资源，以免造成不必要的资源浪费。该软件主要是为了学校的管理人员提供便捷，以更快的完成水电气费用的收缴。该软件本着简洁明了，实用稳定为一体进行设计。 系统将实现以下功能： （1）实现对用户信息的录入； （2）实现水电煤气数据的录入； （3）实现计算并查询用户应缴费用，查询未缴纳费用的名单； （4）实现对人员的删除和添加；
ASP+ACCESS网上动态同学录系统（源代码+论文+系统说明+答辩PPT）.rar
07-21
ASP+ACCESS网上动态同学录系统（源代码+论文+系统说明+答辩PPT）
avaloniassification-mas笔记
最新发布
07-21
avalonia
辛星Web前端Bootstrap教程详解
"2014年辛星web前端教程贺岁版第九本即BootStrap教程，由知名讲师辛星讲解，旨在帮助学习者掌握Bootstrap框架。" 在2014年的web前端开发领域，Bootstrap作为一款流行的响应式前端框架，受到了广大开发者和学习者的...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值