提取当当网中的幻灯片javascript代码成功！~

最新推荐文章于 2023-11-08 17:35:30 发布
最新推荐文章于 2023-11-08 17:35:30 发布
阅读量1k 收藏
点赞数
文章标签： javascript function div 测试 float null
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/mothz/article/details/2989788
版权

下面把代码贴出来，想用的友友拿去用吧~ 现在流行拿来主义哒，资源共享

 

封装好的 show.js 文件：

  1. //ff支持
  2. function isIE(){ //ie? 
  3.    if (window.navigator.userAgent.toLowerCase().indexOf("msie")>=1) 
  4.     return true; 
  5.    else 
  6.     return false; 
  7. } 
  9. var Lantern={
  10.     onChange:[],
  11.     oInterval:[],
  12.     otimeOut:[],
  13.     opacityNum:101,
  14.     cycNum:0,
  15.     showNum:0,
  16.     width:426,//整体宽度
  17.     navyCtr:[],//2维:  0.原长 1.目标长 2.speed 
  18.     navyTime:10,//navy动画时间
  19.     picMoveSpeed:22,//图片移动速度
  20.     timeOut_time:7000,//停滞时间
  21.     info ://0.图片url 1.名称 2.链接地址 
  22.     [],
  23.     
  24.     init: function(){
  25.         Lantern.onChange=false;
  26.         for(var i=0;i<Lantern.info.length;i++){
  27.             var picDiv
  28.             var picTemp
  29.             picDiv=document.createElement('div');
  30.             picTemp=document.createElement('img');
  31.             picDiv.id ="LanternImg"+i;
  32.             picDiv.name=i;
  33.             picTemp.src = Lantern.info[i][0];
  34.             picTemp.style.width = "426px";
  35.             picDiv.style.position ="absolute";
  36.             picDiv.style.left =Lantern.width+"px";
  37.             picDiv.οnclick=function(){window.open(Lantern.info[this.name][2]);};
  38.             picDiv.appendChild(picTemp);
  39.             document.getElementById("lanternImg").appendChild(picDiv);
  40.             var divTemp
  41.             divTemp=document.createElement('div');
  42.             divTemp.id ="LanternN"+i;
  43.             divTemp.name=i;
  44.             divTemp.innerHTML="<strong>"+(i+1)+"</strong><span id=/"lanternNc"+i+"/" style=/"display:none/"> "+Lantern.info[i][1]+"</span>";
  45.             if(i==0){
  46.                divTemp.className ="div_off1";
  47.             }else if(i==Lantern.info.length-1){
  48.                 divTemp.className ="div_off3";
  49.             }else{
  50.                 divTemp.className ="div_off2";
  51.             }
  52.             //divTemp.className="div_off";
  53.             if(i==0)
  54.                 divTemp.οnclick=function(){window.open(Lantern.info[this.name][2]);};
  55.             else
  56.                 divTemp.οnclick=function(){if(!Lantern.onChange){Lantern.onChange=true;Lantern.setNavy(this.name);}};
  57.             document.getElementById("lanternNavy").appendChild(divTemp);
  58.         }
  59.         Lantern.initNany();
  60.     },
  61.     
  62.     initNany:function(){
  63.         navyCtr=new Array();
  64.         for(var k=0;k<Lantern.info.length;k++)
  65.             Lantern.navyCtr[k]=[];
  66.         document.getElementById("lanternNc0").style.display ="";
  67.         document.getElementById("LanternN0").className ="div_on1";
  68.         var onLength,offLength
  69.         onLength=document.getElementById("LanternN0").offsetWidth
  70.         offLength=(Lantern.width-onLength)/(Lantern.info.length-1)
  71.         var numtemp=0;
  72.         for(var j=0;j<Lantern.info.length;j++){
  73.               if(j!=0){//未选
  74.                 Lantern.navyCtr[j][1]=offLength;
  75.                 document.getElementById("lanternNc"+j).style.display ="none";
  76.                 if(j==Lantern.info.length-1){
  77.                    document.getElementById("LanternN"+j).className ="div_off3";
  78.                 }else{
  79.                    document.getElementById("LanternN"+j).className ="div_off2";
  80.                 }
  81.                 document.getElementById("LanternN"+j).style.width=offLength+"px";
  82.                 if(j==Lantern.info.length-1){
  83.                   document.getElementById("LanternN"+j).style.width=(Lantern.width-onLength-numtemp)+"px";  
  84.                 }else{
  85.                   numtemp+=offLength;
  86.                 }
  87.               }else{//已选
  88.                  Lantern.navyCtr[j][1]=onLength;
  89.               }
  90.         }
  91.         if(isIE())
  92.             document.getElementById("lanternPoint").style.left=(document.getElementById("LanternN0").offsetLeft+10)+"px";
  93.         else
  94.             document.getElementById("lanternPoint").style.left=(document.getElementById("LanternN0").offsetLeft-document.getElementById("lantern").offsetLeft+10)+"px";
  95.         document.getElementById("LanternImg0").style.display ="";
  96.         document.getElementById("LanternImg0").style.left ="0px";
  97.         Lantern.otimeOut=setTimeout("Lantern.cycLantern()",Lantern.timeOut_time);
  98.     },
  99.     
  100.     setNavy:function(i){
  101.         if(i==Lantern.info.length-1)
  102.              document.getElementById("lanternNavy").style.backgroundColor ="#CC3300";
  103.         else
  104.              document.getElementById("lanternNavy").style.backgroundColor ="#BBBBBB";
  105.         document.getElementById("lanternNc"+i).style.display ="";
  106.         if(i==0){
  107.             document.getElementById("LanternN"+i).className ="div_on1";
  108.         }else if(i==Lantern.info.length-1){
  109.             document.getElementById("LanternN"+i).className ="div_on3";
  110.         }else{
  111.             document.getElementById("LanternN"+i).className ="div_on2";
  112.         }
  113.         //document.getElementById("LanternN"+i).className ="div_on";
  114.         document.getElementById("LanternN"+i).style.width=null;
  115.         var onLength,offLength
  116.         onLength=document.getElementById("LanternN"+i).offsetWidth
  117.         offLength=(Lantern.width-onLength)/(Lantern.info.length-1)
  118.         var numtemp=0;
  119.         for(var j=0;j<Lantern.info.length;j++){
  120.               Lantern.navyCtr[j][0]=Lantern.navyCtr[j][1];
  121.               if(i!=j){//未选
  122.                 Lantern.navyCtr[j][1]=offLength;
  123.                 document.getElementById("lanternNc"+j).style.display ="none";
  124.                 if(j==Lantern.info.length-1){
  125.                     document.getElementById("LanternN"+j).className ="div_off3";
  126.                 }else{
  127.                   document.getElementById("LanternN"+j).className ="div_off2";
  128.                 }
  129.                 if(j==Lantern.info.length-1) {
  130.                    document.getElementById("LanternN"+j).style.width=(Lantern.width-onLength-numtemp)+"px";
  131.                 }else{
  132.                    numtemp+=offLength
  133.                 }
  134.                 document.getElementById("LanternN"+j).style.width=Lantern.navyCtr[j][0]+"px";
  135.                 Lantern.navyCtr[j][2]=(Lantern.navyCtr[j][1]-Lantern.navyCtr[j][0])/Lantern.navyTime ;
  136.               }else{//已选
  137.                 Lantern.navyCtr[j][1]=onLength-34;
  138.                 document.getElementById("LanternN"+j).style.width=(Lantern.navyCtr[j][0]-34)+"px";
  139.                 Lantern.navyCtr[j][2]=(Lantern.navyCtr[j][1]-Lantern.navyCtr[j][0])/Lantern.navyTime ;
  140.               }
  141.         }
  142.         document.getElementById("LanternImg"+i).style.display ="";
  143.         if(Lantern.onChange){
  144.            document.getElementById("LanternN"+i).οnclick=function(){window.open(Lantern.info[this.name][2]);};
  145.            document.getElementById("LanternN"+Lantern.showNum).οnclick=function(){
  146.                 if(!Lantern.onChange){
  147.                 Lantern.onChange=true;Lantern.setNavy(this.name);
  148.                 }
  149.            };
  150.            document.getElementById("LanternImg"+i).style.zIndex=0;
  151.            document.getElementById("LanternImg"+Lantern.showNum).style.zIndex=-1;
  152.            Lantern.oInterval=setInterval('Lantern.changeLantern('+i+')',10);
  153.         }
  154.     },
  155.     
  156.     imgMoveOver:false,
  157.     navyMoveOver:false,
  158.      changeLantern:function(i){
  159.             if(Lantern.otimeOut!=null)
  160.                 clearTimeout(Lantern.otimeOut)
  161.             //移动
  162.             if(!Lantern.navyMoveOver)
  163.                 Lantern.moveNavy(i);
  164.             if(!Lantern.imgMoveOver){
  165.                 Lantern.moveImg(i);
  166.             }else{
  167.               Lantern.flashImg(i);
  168.             }
  169.     },
  170.     
  171.     moveNavy:function(select){
  172.        var breaktime=0;
  173.        for(var i=0;i<Lantern.info.length;i++){
  174.           if((Lantern.navyCtr[i][2]>0&&document.getElementById("LanternN"+i).offsetWidth<Lantern.navyCtr[i][1])||(Lantern.navyCtr[i][2]<0&&document.getElementById("LanternN"+i).offsetWidth>Lantern.navyCtr[i][1])){
  175.                 if(i==select){
  176.                   document.getElementById("LanternN"+i).style.width=(document.getElementById("LanternN"+i).offsetWidth+Lantern.navyCtr[i][2]-34)+"px";  
  177.                 }else{
  178.                   document.getElementById("LanternN"+i).style.width=(document.getElementById("LanternN"+i).offsetWidth+Lantern.navyCtr[i][2])+"px";  
  179.                 }
  180.           }else{
  181.              if(i==select){
  182.                 for(var j=0;j<Lantern.info.length;j++){
  183.                     document.getElementById("LanternN"+j).style.width=Lantern.navyCtr[j][1]+"px"; 
  184.                 }
  185.                 if(isIE())
  186.                    document.getElementById("lanternPoint").style.left=(document.getElementById("LanternN"+select).offsetLeft+10)+"px";
  187.                 else
  188.                    document.getElementById("lanternPoint").style.left=(document.getElementById("LanternN"+select).offsetLeft-document.getElementById("lantern").offsetLeft+10)+"px";
  189.                 Lantern.navyMoveOver=true;
  190.                 break;
  191.              }
  192.           }
  193.           if(i==select){
  194.               if(isIE())
  195.                   document.getElementById("lanternPoint").style.left=(document.getElementById("LanternN"+select).offsetLeft+10)+"px";
  196.                else
  197.                 document.getElementById("lanternPoint").style.left=(document.getElementById("LanternN"+select).offsetLeft-document.getElementById("lantern").offsetLeft+10)+"px";
  198.                }
  199.          }
  200.     },
  201.     
  202.      moveImg:function(i){
  203.             if(document.getElementById("LanternImg"+i).offsetLeft>0){
  204.                document.getElementById("LanternImg"+i).style.left=(document.getElementById("LanternImg"+i).offsetLeft-Lantern.picMoveSpeed)+"px";
  205.             }else{
  206.                 document.getElementById("LanternImg"+i).style.left="0px";
  207.                 document.getElementById("LanternImg"+Lantern.showNum).style.left=Lantern.width+"px";
  208.                 Lantern.imgMoveOver=true;
  209.             }
  210.     },
  211.     
  212.       flashImg:function(i){
  213.              document.getElementById("LanternImg"+i).style.opacity="100"; 
  214.              Lantern.showNum=i;
  215.              Lantern.imgMoveOver=false;
  216.              Lantern.navyMoveOver=false;
  217.              Lantern.opacityNum=101;
  218.              Lantern.cycNum=i;
  219.              clearInterval(Lantern.oInterval);
  220.              Lantern.otimeOut=setTimeout("Lantern.otimeOut=Lantern.cycLantern()",Lantern.timeOut_time);
  221.              Lantern.onChange=false;
  222.     },
  223.       
  224.     cycLantern:function(){
  225.         if(!Lantern.onChange){
  226.             Lantern.onChange=true;
  227.             if(Lantern.cycNum==Lantern.info.length-1)
  228.                 Lantern.cycNum=0;
  229.             else
  230.                 Lantern.cycNum++;
  231.            Lantern.setNavy(Lantern.cycNum)
  232.         }
  233.     }
  234. }

封装好的style.css      CSS样式表:

  2. BODY {
  3.     PADDING-RIGHT: 0px; 
  4.     PADDING-LEFT: 0px; 
  5.     FONT-SIZE: 12px; 
  6.     BACKGROUND: #e2e2e2; 
  7.     PADDING-BOTTOM: 0px; 
  8.     MARGIN: 0px; 
  9.     CURSOR: default; 
  10.     COLOR: #666; 
  11.     WORD-BREAK: break-all; 
  12.     LINE-HEIGHT: 20px; 
  13.     PADDING-TOP: 0px; 
  14.     FONT-FAMILY: 宋体,Arial,Helvetica,sans-serif; 
  15.     TEXT-ALIGN: center
  16. }
  18. DIV {
  19.     PADDING-RIGHT: 0px; 
  20.     PADDING-LEFT: 0px; 
  21.     PADDING-BOTTOM: 0px; 
  22.     MARGIN: 0px; 
  23.     PADDING-TOP: 0px; 
  24.     TEXT-ALIGN: left
  25. }
  26. #lantern {
  27.     BORDER-RIGHT: #ffffff 1px solid; 
  28.     BORDER-TOP: #ffffff 1px solid; 
  29.     OVERFLOW: hidden; 
  30.     BORDER-LEFT: #ffffff 1px solid; 
  31.     WIDTH: 426px; 
  32.     CURSOR: pointer; 
  33.     BORDER-BOTTOM: #ffffff 1px solid; 
  34.     HEIGHT: 240px
  35. }
  36. #lanternMain {
  37.     WIDTH: 426px; 
  38.     HEIGHT: 224px; 
  39.     BACKGROUND-COLOR: #ffffff
  40. }
  41. #lanternNavy {
  42.     FONT-SIZE: 12px; 
  43.     FLOAT: left; 
  44.     OVERFLOW: hidden; 
  45.     WIDTH: 1000px; 
  46.     COLOR: #ffffff; 
  47.     HEIGHT: 16px; 
  48.     TEXT-ALIGN: center
  49. }
  50. #lanternNavy .div_off1 {
  51.     FLOAT: left; 
  52.     BORDER-LEFT: #ffcc00 0px solid; 
  53.     BORDER-BOTTOM: #ffffff 1px solid; 
  54.     HEIGHT: 16px; 
  55.     BACKGROUND-COLOR: #bbbbbb; 
  56.     TEXT-ALIGN: center
  57. }
  58. #lanternNavy .div_on1 {
  59.     PADDING-RIGHT: 24px; 
  60.     PADDING-LEFT: 10px; 
  61.     FLOAT: left; 
  62.     BORDER-LEFT: #ffcc00 0px solid; 
  63.     BORDER-BOTTOM: #ffffff 1px solid; 
  64.     HEIGHT: 16px; 
  65.     BACKGROUND-COLOR: #cc3300
  66. }
  67. #lanternNavy .div_off2 {
  68.     FLOAT: left; 
  69.     BORDER-LEFT: #ffcc00 1px solid; 
  70.     BORDER-BOTTOM: #ffffff 1px solid; 
  71.     HEIGHT: 16px; 
  72.     BACKGROUND-COLOR: #bbbbbb; 
  73.     TEXT-ALIGN: center
  74. }
  75. #lanternNavy .div_on2 {
  76.     PADDING-RIGHT: 24px; 
  77.     PADDING-LEFT: 10px; 
  78.     FLOAT: left; 
  79.     BORDER-LEFT: #ffcc00 1px solid; 
  80.     BORDER-BOTTOM: #ffffff 1px solid; 
  81.     HEIGHT: 16px; 
  82.     BACKGROUND-COLOR: #cc3300
  83. }
  84. #lanternNavy .div_off3 {
  85.     BORDER-RIGHT: #ffcc00 2px solid; 
  86.     FLOAT: left; 
  87.     BORDER-LEFT: #ffcc00 1px solid; 
  88.     BORDER-BOTTOM: #ffffff 1px solid; 
  89.     HEIGHT: 16px; 
  90.     BACKGROUND-COLOR: #bbbbbb; 
  91.     TEXT-ALIGN: center
  92. }
  93. #lanternNavy .div_on3 {
  94.     BORDER-RIGHT: #ffcc00 2px solid; 
  95.     PADDING-RIGHT: 24px; 
  96.     PADDING-LEFT: 10px; 
  97.     FLOAT: left; 
  98.     BORDER-LEFT: #ffcc00 1px solid; 
  99.     BORDER-BOTTOM: #ffffff 1px solid; 
  100.     HEIGHT: 16px; 
  101.     BACKGROUND-COLOR: #cc3300
  102. }
  103. #lanternImg {
  104.     OVERFLOW: hidden; 
  105.     WIDTH: 426px; 
  106.     POSITION: absolute; 
  107.     HEIGHT: 224px
  108. }

 

页面文件:

  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd"><!--这段代码必须要有-->
  3. <HTML>
  4.     <HEAD>
  5.         <LINK href="style.css" type=text/css rel=stylesheet>
  6.         <SCRIPT src="show.js" type=text/javascript></SCRIPT>
  7.     </HEAD>
  8.     
  9.     <BODY id=body1>
  10.         <DIV id=lantern>
  11.             <DIV id=lanternMain>
  12.                 <DIV id=lanternImg>
  13.                     <DIV style="Z-INDEX: 100; WIDTH: 426px; BORDER-BOTTOM: #ffffff 1px solid; POSITION: absolute; TOP: 221px; HEIGHT: 2px">
  14.                         <IMG id=lanternPoint style="POSITION: absolute" src="point.gif"><!--这里的图片是小标签指向图片的小三角形脚标，不要也罢，但是不好看--> 
  15.                     </DIV>
  16.                 </DIV>
  17.             </DIV>
  18.             <DIV id=lanternNavy></DIV>
  19.             <SCRIPT type=text/javascript>
  20.                 Lantern.info=new Array();
  21.                 Lantern.info=[['E:/01.png','测试1','#'],['E:/19.png','测试2','#'],['E:/41.png','测试3','#'],['E:/1.png','测试4','#'],['E:/2.png','测试5','#']];
  22.                 Lantern.init();
  23.             </SCRIPT>
  24.         </DIV>
  25.     </BODY>
  26. </HTML>
mothz
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
前端（vue）js在线预览PDF、Word、Excel、ppt等office文件
sodakii的博客
05-29 3131
mtime=文件修改时间戳（如：1633093801，精确到秒）或修改时间（如：2021-10-01 21:10:01），值改变刷新缓存。&limit=，限制页数，如：“5”表示只显示前5页，“2,5”表示从第2页开始的5页，对pdf/doc/docx/ppt/pptx有效。&pdf=true，word文档尝试以pdf方式显示，默认false。&toolbar=false，是否显示底部工具条，默认true。&expire=30，预览链接有效期，单位分钟，默认永久有效。&title=自定义标题。
js实现打开word.ppt.Excel等
wwwcomcn123的专栏
03-13 1万+
js实现打开word.ppt.Excel等(原理) 用超连接打开ppt的缺点就是打开的方式是用网页打开的ppt,而且还不能对ppt进行修改.    所以我决定采用js打开的方式来实现,在网上谷歌了下,没找到,只找到打开word的方法,其中,js代码是这样的  var cmd = new ActiveXObject('WScript.Shell'); cmd.Run('winword c
js 打开ppt
喜欢编程の小匣子
04-27 1059
Open(FileName, ReadOnly, Untitled, WithWindow) Open2007(FileName, ReadOnly, Untitled, WithWindow, OpenAndRepair) function ConvertPPT2MHT(file) { var PPT = new ActiveXObject("PowerPoint.Appl...
js 已拿到file，如何获取pdf页数
最新发布
weixin_48320418的博客
11-08 910
js 已拿到file，如何获取pdf页数
一个页面区分管理者和普通用户如何设计_如何用一个设计素材，提升PPT页面的格调？...
weixin_39646695的博客
11-21 91
做工作汇报PPT，千万别再傻乎乎的套模板了？不仅容易和同事撞模板，而且，市面上的多数模板具有普遍适用性，页面显得单调、没有特色。所以，这篇文章教你只用一个小素材，就能做出高逼格的PPT。先来看几张案例：PPT封面页，使用立方体作为内容载体，来提升页面空间感。颁奖典礼上，借用立方体作为一个展示台。用立方体制作图表。通过调整立方体的高度，然后在立方体上方添加数字，一张超酷的立柱柱状图表就完成了：比如我...
jQuery魅族官网导航加幻灯片代码.zip
07-11
【jQuery魅族官网导航加幻灯片代码】是一款基于JavaScript库jQuery实现的网页导航栏与幻灯片展示功能的代码示例。这个代码主要用于模仿魅族手机官网首页的设计，为用户提供一个具有动态效果的导航菜单和自动轮播的...
JavaScript有loading进度条的幻灯片代码
05-22
在这样的幻灯片代码中，JavaScript通常会监听用户的操作，例如点击“下一张”或“上一张”按钮，然后动态更新幻灯片内容。此外，JavaScript还会处理幻灯片的自动播放逻辑，确保用户可以流畅地浏览幻灯片。 Flash则...
js幻灯片特效代码
03-20
在本场景中，"js幻灯片特效代码"指的是使用JavaScript来创建一种常见的网页元素——幻灯片展示。幻灯片通常用于在网站上展示图片、文本或多媒体内容，用户可以通过点击按钮或自动播放来切换不同的幻灯片。 创建...
解决phpcms更换javascript的幻灯片代码调用图片问题
10-25
主要介绍了解决phpcms更换javascript的幻灯片代码调用图片问题,需要的朋友可以参考下
js讲解ppt文档
02-01
web开发，使用于网页制作与特效显示，实现用户体验效果
jquery PPT
10-20
jquery入门例子,与演讲PPT。如下： $(ajax).html $(append).html $(attr).html $(contains).html 等.............
通过js 生成PPT文件
06-14
可通过js 生成PPT，里面有demo。简单方便易于上手。该资源在github-上找到的。https://gitbrent.github.io/PptxGenJS/ 有问题也可在这里面找到
如何制作幻灯片（代码分享）
11-30
话不多数，请看代码： 一 轮播 定时 <style type="text/css"> #dw_JS_huanDeng_2 { margin: 0 auto; width: 1100px; position: relative; z-index: 5;} #JS_HDmenu_2 { position: absolute; top: 300...
前端js实现在线预览pdf、word、xls、ppt等文件
热门推荐
逆水行舟，不进则退
06-05 4万+
昨天遇到一个需求，公司的视频项目都是视频类型，如果是文件类型就直接打开预览，或者下载查看 项目把请求的资源都作为视频资源处理，直接赋值给 video 标签解析。所以我新增了一个功能函数，方法很简单 文件预览原理： 通过 a 标签直接访问，如果是浏览器支持的文件，可以直接打开预览 加上 h5 的 download 属性可以实现下载，而不预览。经本人测试，该属性在移动端没效果 前端 ifr...
js实现幻灯片案例解析
追本溯源的专栏
06-14 4686
用js实现幻灯片的原理解析 几张图片按照float=left的形式一字排开，然后将包含图片的div的css定义成position:absolute。每隔指定时间段将div的top值发生改变。 效果：一个300px 300px的方框，地下有一张300px 900px的图片，然后将底下的图片向左拉，就可以实现幻灯片的播放。 具体js代码：<%@ page language="java" cont
javascript制作PPT
qq_39227035的博客
08-27 2106
PPT制作
JavaScript 来处理幻灯片的切换代码
05-30
以下是一个简单的基于 JavaScript 的轮播图切换示例代码： ```html var slideIndex = 1; showSlides(slideIndex); function plusSlides(n) { showSlides(slideIndex += n); } function currentSlide(n) { ...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值