div 拖动例子

最新推荐文章于 2015-06-08 15:21:02 发布
最新推荐文章于 2015-06-08 15:21:02 发布
阅读量92 收藏
点赞数
分类专栏： 前台 文章标签： javascript ViewUI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/iteye_3156/article/details/82407548
版权

第一个是简单的例子：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
	<title>dragTest</title>
	<meta http-equiv="content-type" content="text/html; charset=UTF-8">

	<script type="text/javascript">

	var isDrag=0;//是否可拖动标志，可拖动为1，不可拖动为2
	var divAndMouseX;//鼠标落点距离div左上角x坐标的差距
	var divAndMouseY;//鼠标落点距离div左上角y坐标的差距
	var divMove;
	//鼠标按下时
	function down(div){//鼠标按下
		isDrag=1;//将div设置为可拖动
		divMove=div;//用于下边拖动时的定位(新的位置的坐标)
		//首先计算鼠标与拖动对象左上角的坐标差，然后在下边拖动方法中，用鼠标的坐标减坐标差就是新位置的坐标了
		divAndMouseX=event.clientX-parseInt(div.style.left);
		divAndMouseY=event.clientY-parseInt(div.style.top);
	}
	function move(){//拖动过程计算div坐标
		if(isDrag==1){
			divMove.style.left=event.clientX-divAndMouseX;
			divMove.style.top=event.clientY-divAndMouseY;
		}
	}

	function up(){//放开鼠标将div设置为不可拖动
		isDrag=0;
	}
</script>
	</head>

	<body>
		<div id="divtest" οnmοusedοwn="down(this)" οnmοusemοve="move()"
			οnmοuseup="up()"
			style="cursor: move; border: 1px dashed blue; background-color: lightblue; width: 50px; height: 50px; position: absolute; left: 100px; top: 50px;">
			<table width="100%" height="100%">
				<tr>
					<td>
						test
					</td>
				</tr>
			</table>
		</div>
	</body>
</html>

 

第二个是进阶例子：

<html> 
<head> 
<title>Div拖动/调整大小实例</title> 
</head> 
<script type="text/javascript"> 
//保留的位置 
var saveLeft,saveTop,saveWidth,saveHeight; 
var theBody; 
var eventType;     //事件种类, "move"、"resize" 
var div;

//创建并设定div的参数 
function setDiv() 
{ 
   //防止重复打开 
   if (div) 
   { 
   return; 
   } 
   var newLeft,newTop,newWidth,newHeight; 
   theBody = document.body; 
   
   div = document.createElement("div"); 
   div.id = "panelDiv"; 
   div.style.position = "absolute"; 
   div.style.backgroundColor = "#E5E5E5" 
   div.style.padding = "2px 5px 5px 2px"; 
   div.style.overflow = "hidden"; 
   div.style.zIndex = 1; 
   
   //设定打开的大小和位置 
   Function() 
   { 
   var openType = document.getElementById("radio1").checked ? 0 : 1; 
   if (openType == 0)   //默认大小默认位置居中打开 
   { 
     newWidth = "300px"; 
     newHeight = "300px"; 
     newLeft = (theBody.clientWidth - parseInt(newWidth)) / 2 + "px"; 
     newTop = (theBody.clientHeight - parseInt(newHeight)) / 2 + "px"; 
   } 
   else //存储的位置与大小 
   { 
     newWidth = saveWidth ? saveWidth : "300px"; 
     newHeight = saveHeight ? saveHeight : "300px"; 
     newLeft = saveLeft ? saveLeft : (theBody.clientWidth - parseInt(newWidth)) / 2 + "px"; 
     newTop = saveTop ? saveTop : (theBody.clientHeight - parseInt(newHeight)) / 2 + "px"; 
   } 
   div.style.width = newWidth; 
   div.style.height = newHeight; 
   div.style.left = newLeft; 
   div.style.top = newTop; 
   } 
   div = setChild(div); 
   theBody.appendChild(div); 
   
   var ipt = document.getElementsByTagName("input"); 
   for(var i = 0; i < ipt.length; i++) 
   { 
   ipt[i].disabled = true; 
   } 
}

function setChild(div) 
{ 
   //可否移动、调整 
   var isMove = document.getElementById("isMove").checked; 
   var isResize = document.getElementById("isResize").checked; 
   
   //底色 
   var cDiv = document.createElement; 
   var backDiv = cDiv("div"); 
   backDiv.style.cssText = "left: 0px; top: 0px; width: 100%; height: 100%; background-color: #F5F5F5;"; 
   div.appendChild(backDiv); 
   
   //标题 
   var topDiv = cDiv("div"); 
   topDiv.style.cssText = "left: 2px; top: 2px; width: 100%; height: 30px; position: absolute; background-color: #78ABFF; vertical-align: middle; z-index: 5"; 
   if (isMove) 
   { 
   topDiv.style.cursor = "move"; 
   topDiv.setAttribute("onmousedown", function(){setMove(this)}); 
   } 
   else 
   { 
   topDiv.style.cursor = "default"; 
   } 
   topDiv.innerHTML = "<span style='top: 5px; left:5px; font-size: 20px; font-weight: bold; color: #102548; position: relative;' onselectstart='return false'>标题栏</span>"; 
   div.appendChild(topDiv); 
   
   //关闭按钮 
   var closeDiv = cDiv("div"); 
   closeDiv.style.cssText = "right: 8px; top : 5px; width: 24px; height: 24px; position: absolute; background-color: #E4EEFF; border: #2D66C4 1px solid; text-align: center; vertical-align: middle; cursor: pointer; z-index: 10"; 
   closeDiv.setAttribute("onclick", function() {eCloseDiv()}); 
   closeDiv.innerHTML = "<span style='font-size: 20px; font-weight: bold; color: #0E377A;' title='Esc快捷键'>×</span>"; 
   div.appendChild(closeDiv); 
   
   //内容 
   var contentDiv = cDiv("div"); 
   contentDiv.style.cssText = "left: 2px; top: 35px; width: 100%; position: absolute; overflow: auto"; 
   contentDiv.style.height = (parseInt(div.style.height) - 40) + "px"; 
   contentDiv.innerHTML = "<table style='width: 100%; height: 100%; text-align: center; vertical-align: hidden'><tr><td><p>这里是内容区！</p><a href='javascript:saveDiv()'>保留这个位置和大小</a></td></tr></table>"; 
   div.appendChild(contentDiv); 
   
   //调整大小 
   var reDiv = cDiv("div"); 
   reDiv.style.cssText = "right: 0px; bottom: 0px; width: 5px; height: 5px; position: absolute;"; 
   if (isResize) 
   { 
   reDiv.style.cursor = "se-resize"; 
   reDiv.setAttribute("onmousedown", function(){setResize(this)}); 
   } 
   else 
   { 
   reDiv.style.cursor = "default"; 
   } 
   div.appendChild(reDiv); 
   
   return div; 
}

var oX, oY, oLeft, oTop, oWidth, oHeight; //存储原始移动前的位置 
var divClone, oDiv;   //克隆的节点和原始节点 
var oTime; 
//clone拖移的节点 
function setMove(obj) 
{ 
   if (event.button == 1) 
   { 
   if (oTime) 
   { 
     clearTimeout(oTime); 
     divClone.parentNode.removeChild(divClone); 
   } 
   oDiv = obj.parentNode; 
   divClone = oDiv.cloneNode(true); 
   divClone.style.filter = "Alpha(opacity=50)"; 
   divClone.childNodes[1].setAttribute("onmousemove", function(){startMove(this)}); 
   divClone.childNodes[1].setAttribute("onmouseup", function(){endMove()}); 
   oX = parseInt(event.clientX); 
   oY = parseInt(event.clientY); 
   oLeft = parseInt(divClone.style.left); 
   oTop = parseInt(divClone.style.top); 
   document.body.appendChild(divClone); 
   divClone.childNodes[1].setCapture(); 
   eventType = "move"; 
   } 
}

//拖移 
function startMove(obj) 
{ 
   if (eventType == "move" && event.button == 1) 
   { 
   var moveDiv = obj.parentNode; 
   moveDiv.style.left = (oLeft + event.clientX - oX) + "px"; 
   moveDiv.style.top = (oTop + event.clientY - oY) + "px"; 
   } 
}

//拖移结束调用动画 
function endMove() 
{ 
   if (eventType == "move") 
   { 
   divClone.childNodes[1].releaseCapture(); 
             move(parseInt(divClone.style.left), parseInt(divClone.style.top)); 
   eventType = ""; 
   } 
}

//移动的动画 
function move(aimLeft, aimTop) 
{ 
   var nowLeft = parseInt(oDiv.style.left); 
   var nowTop = parseInt(oDiv.style.top); 
   var moveSize = 30; 
   if (nowLeft > aimLeft + moveSize || nowLeft < aimLeft - moveSize || nowTop > aimTop + moveSize || nowTop < aimTop - moveSize) 
   { 
   oDiv.style.left = aimLeft > nowLeft + moveSize ? (nowLeft + moveSize) + "px" : aimLeft < nowLeft - moveSize ? (nowLeft - moveSize) + "px" : nowLeft + "px"; 
   oDiv.style.top = aimTop > nowTop + moveSize ? (nowTop + moveSize) + "px" : aimTop < nowTop - moveSize ? (nowTop - moveSize) + "px" : nowTop + "px"; 
   oTime = setTimeout("move(" + aimLeft + ", " + aimTop + ")", 1); 
   } 
   else 
   { 
   oDiv.style.left = divClone.style.left; 
   oDiv.style.top = divClone.style.top; 
   divClone.parentNode.removeChild(divClone); 
   divClone == null; 
   } 
}

//clone调整大小的节点 
function setResize(obj) 
{ 
   if (event.button == 1) 
   { 
   if (oTime) 
   { 
     clearTimeout(oTime); 
     divClone.parentNode.removeChild(divClone); 
   } 
   oDiv = obj.parentNode; 
   divClone = oDiv.cloneNode(true); 
   divClone.style.filter = "Alpha(opacity=50)"; 
   divClone.childNodes[4].setAttribute("onmousemove", function(){startResize(this)}); 
   divClone.childNodes[4].setAttribute("onmouseup", function(){endResize()}); 
   oX = parseInt(event.clientX); 
   oY = parseInt(event.clientY); 
   oWidth = parseInt(divClone.style.width); 
   oHeight = parseInt(divClone.style.height); 
   document.body.appendChild(divClone); 
   divClone.childNodes[4].setCapture(); 
   eventType = "resize"; 
   } 
}

//拖动调整大小 
function startResize(obj) 
{ 
   if (eventType == "resize" && event.button == 1) 
   { 
   var nX = event.clientX; 
   var nY = event.clientY; 
   if (nX > oX - oWidth && nY > oY - oHeight + 40) 
   { 
     var resizeDiv = obj.parentNode; 
     resizeDiv.style.width = (oWidth + event.clientX - oX) + "px"; 
     resizeDiv.style.height = (oHeight + event.clientY - oY) + "px"; 
     resizeDiv.childNodes[3].style.height = (parseInt(resizeDiv.style.height) - 40) + "px"; 
   } 
   } 
}

//调整大小结束 
function endResize() 
{ 
   if (eventType == "resize") 
   { 
   divClone.childNodes[4].releaseCapture(); 
             resize(parseInt(divClone.style.width), parseInt(divClone.style.height)); 
   eventType = ""; 
   } 
}

//调整大小的动画 
function resize(aimWidth, aimHeight) 
{ 
   var nowWidth = parseInt(oDiv.style.width); 
   var nowHeight = parseInt(oDiv.style.height); 
   var resizeSize = 30; 
   if (nowWidth > aimWidth + resizeSize || nowWidth < aimWidth - resizeSize || nowHeight > aimHeight + resizeSize || nowHeight < aimHeight - resizeSize) 
   { 
   oDiv.style.width = aimWidth > nowWidth + resizeSize ? (nowWidth + resizeSize) + "px" : aimWidth < nowWidth - resizeSize ? (nowWidth - resizeSize) + "px" : nowWidth + "px"; 
   oDiv.style.height = aimHeight > nowHeight + resizeSize ? (nowHeight + resizeSize) + "px" : aimHeight < nowHeight - resizeSize ? (nowHeight - resizeSize) + "px" : nowHeight + "px"; 
   oDiv.childNodes[3].style.height = (parseInt(oDiv.style.height) - 40) + "px"; 
   oTime = setTimeout("resize(" + aimWidth + ", " + aimHeight + ")", 1); 
   } 
   else 
   { 
   oDiv.style.width = divClone.style.width; 
   oDiv.style.height = divClone.style.height; 
   oDiv.childNodes[3].style.height = (parseInt(oDiv.style.height) - 40) + "px"; 
   divClone.parentNode.removeChild(divClone); 
   divClone == null; 
   } 
}

//关闭DIV 
function eCloseDiv() 
{ 
   if (div) 
   { 
   div.parentNode.removeChild(div); 
   var ipt = document.getElementsByTagName("input"); 
   for(var i = 0; i < ipt.length; i++) 
   { 
     ipt[i].disabled = false; 
   } 
   div = null; 
   } 
}

//保留位置和大小 
function saveDiv() 
{ 
   if (div) 
   { 
   saveLeft = div.style.left; 
   saveTop = div.style.top; 
   saveWidth = div.style.width; 
   saveHeight = div.style.height; 
   alert("保留成功！"); 
   } 
}

//快捷键 
document.onkeydown = function() 
{ 
   event.keyCode == 27 ? eCloseDiv() : null;   //Esc快捷键 
   event.ctrlKey && (event.keyCode == 83 || event.keyCode == 115) ? saveDiv() : null; //ctrl+s保存位置 
   event.ctrlKey && event.keyCode == 13 ? setDiv() : null //ctrl+enter打开Div 
   !event.ctrlKey && (event.keyCode == 37 || event.keyCode == 38 || event.keyCode == 39 || event.keyCode == 40) ? arrowMove(event.keyCode) : null; 
   event.ctrlKey && (event.keyCode == 37   || event.keyCode == 38 || event.keyCode == 39 || event.keyCode == 40) ? arrowResize(event.keyCode) : null; 
}

//上下左右箭头移动div 
function arrowMove(eKeyCode) 
{ 
   if (div) 
   { 
   var isMove = document.getElementById("isMove").checked; 
   if (isMove) 
   { 
     switch(eKeyCode) 
     { 
     case 37: 
       div.style.left = (parseInt(div.style.left) - 1) + "px"; //left 
       break 
     case 38: 
       div.style.top = (parseInt(div.style.top) - 1) + "px"; //up 
       break 
     case 39: 
       div.style.left = (parseInt(div.style.left) + 1) + "px"; //right 
       break 
     case 40: 
       div.style.top = (parseInt(div.style.top) + 1) + "px"; //down 
       break 
     } 
   } 
   } 
}

//ctrl+上下左右箭头调整div大小 
function arrowResize(eKeyCode) 
{ 
   if (div) 
   { 
   var isResize = document.getElementById("isResize").checked; 
   if (isResize) 
   { 
     switch(eKeyCode) 
     { 
     case 37: 
       div.style.width = (parseInt(div.style.width) - 1) + "px"; //left 
       break 
     case 38: 
       div.style.height = (parseInt(div.style.height) - 1) + "px"; //up 
       break 
     case 39: 
       div.style.width = (parseInt(div.style.width) + 1) + "px"; //right 
       break 
     case 40: 
       div.style.height = (parseInt(div.style.height) + 1) + "px"; //down 
       break 
     } 
   } 
   } 
} 
</script> 
<body> 
<p> 
<input type="checkbox" id="isMove" /><label for="isMove">可移动</label>     
<input type="checkbox" id="isResize" /><label for="isResize">可调整大小</label>     
</p> 
   
<p> 
<input type="radio" name="radio" id="radio1" checked /><label for="radio1">默认居中打开</label>     
<input type="radio" name="radio" id="radio2" /><label for="radio2">保留位置上打开</label> 
</p> 
<p><a href="javascript:setDiv()">打开DIV</a></p> 
<p style="font-weight: bold">操作说明：</p> 
<ol> 
<li> 
   选中复选框（可移动、可调整大小）后，打开的DIV具有移动/调整大小的功能(此时移动/调整大小快捷键可使用);<br> 
   反之，不可移动/调整大小(此时移动/调整大小快捷键无效) 
</li> 
<li> 
   单选框默认居中打开选中，无论有无保存DIV位置和大小均以默认位置及大小打开DIV 
</li> 
<li> 
   单选框保留位置上打开选中，如果未发现保存记录以默认方式打开，否则以保存的位置及大小打开 
</li> 
<li> 
   如果选中可移动后，鼠标经过标题位置（蓝色背景）处会变成移动的图标，此时按住鼠标左键会产生一个半透明的DIV，按住鼠标不动拉动此半透明DIV会跟随移动，释放鼠标左键后会产生一段原始位置移动至半透明位置的动画，当动画重叠时，半透明的DIV将回收。 
</li> 
<li> 
   如果选中可调整大小后，鼠标经过整个DIV的最右下角处会变成伸缩的图标，此时按住鼠标左键会产生一个半透明的DIV，按住鼠标不动拉动此半透明DIV会随着移动而调整大小，释放鼠标左键后会产生一段原始大小伸缩至半透明大小的动画，当动画重叠时，半透明的DIV将回收。 
</li> 
<li> 
   DIV的右上角有关闭按钮，按下后DIV将remove 
</li> 
</ol> 
<p style="font-weight: bold"> 
快捷键说明： 
<ol> 
<li> 
   Ctrl + Enter : 打开div 
</li> 
<li> 
   Ctrl + s(大小写均可) : 保存div的大小和位置 
</li> 
<li> 
   上下左右箭头 : 轻移div位置 
</li> 
<li> 
   Ctrl + 上下左右箭头 : 轻调div大小 
</li> 
<li> 
   Esc : 关闭Div 
</li> 
</ol> 
</p> 
</body> 
</html>

 

 

iteye_3156
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
可拖动div例子
04-26
可拖动的div页面，可以做网站主页等页面
一个可拖动div的例子
Domando
01-26 1596
doctype html public "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">html xmlns="http://www.w3.org/1999/xhtml" lang="gb2312">head>title> 代码实例：拖动对象 D
js拖拽div例子
jbgtwang的专栏
08-12 2158
1.dragdemo.html " lang="en-US"> .taskdiv{ background-color:rgb(248, 225, 64); height:50px; width:50px;
div拖动脚本
11-18
实现js对div层的自由拖动，代码简单，适合于简单的div拖动，如果要实现更为强大的功能，可以在此基础上扩展。这里只为初学者提供个例子
net Div 的例子
06-03
zai 网上下载的例子，自己的改改了 zai 网上下载的例子，自己的改改了
js实现鼠标拖动div.html
02-14
今天有个需求,要实现弹框,并且需要能过拖动位置,放大缩小等功能,这里是一个纯JS实现拖动的例子,有需要完整案例,或者其他功能可以私信,我懂的都会帮你
php+mysql+js拖拽div实例
10-30
php+mysql+js拖拽div实例 代码已改好，放在目录下可直接使用。适合新手学习！
网页设置A4大小
thomas0988
04-16 3853
在公制长度单位与屏幕分辨率进行换算时，必须用到一个DPI(Dot Per Inch)指标。经过我仔细的测试，发现了网页打印中，默认采用的是96dpi，并非传闻的72dpi 在公制长度单位与屏幕分辨率进行换算时，必须用到一个DPI(Dot Per Inch)指标。经过我仔细的测试，发现了网页打印中，默认采用的是96dpi，并非传闻的72dpi A4纸张的尺寸是210×297mm，按1英寸=25...
不同小图标的编码网页中的大于号，小于号，应该用编码来代替,HTML中特殊字符和与之对应的ASCII代码...
thomas0988
06-08 1345
上面两个符号的HTML代码， &amp;gt; &amp;lt;  &gt; &lt;   应用场景：当使用键盘无法打出来的时候。因为我测试在html代码中使用&amp;amp;和&amp;是等价的。 带有实体名称的 ASCII 实体  常用的几个 结果 描述 实体名称 实体编号 " quotation mark &amp;quot; &amp;#34; ' apostrop...
Hadoop使用常见问题以及解决方法
thomas0988
12-09 1158
1：Shuffle Error: Exceeded MAX_FAILED_UNIQUE_FETCHES; bailing-outAnswer：程序里面需要打开多个文件，进行分析，系统一般默认数量是1024，（用ulimit -a可以看到）对于正常使用是够了，但是对于程序来讲，就太少了。修改办法：修改2个文件。        /etc/security/limits.confvi /etc/secu...
js iframe 打印 打印预览 页眉页脚的设立
thomas0988
06-08 828
js iframe 打印 打印预览 页眉页脚的设置 1、window.print方式： 　　//jsp页面 打印按钮： &lt;input type="button" value="打印" onclick="print();"&gt; //js 中： function print(){ window.print(); //style样式中，设置隐藏按钮打印： &lt;style&gt; @...
Opera UserJS 官方教程 - 使用 UserJS 掌控页面
thomas0988
10-22 757
简介 UserJS (User Javascript, 用户 Javascript) ，使您可以为Opera所访问的每一个页面，指定本地 JavaScript 文件。 UserJS 具有多种用途，包括如下：  修复网页上有问题的脚本 通过对网页改变或添加自己的内容，来增强网页功能 控制页面上允许运行什么脚本，以及允许脚本做什么 通过向 UserJS 中添加功能，简化用户书签栏 此教程...
win2003系统system占用80端口的解决办法
thomas0988
01-26 651
本人一直都是用APMServ在winxp中搭建本地服务器测试网站，但最近换了win2003系统，结果本来在XP正常使用的APMServ启动时死活都提示80端口被占用，换成8080端口，虽然提示服务启动了，但是本地网站却打不开，在cmd中用命令查找时，发现提示system占用了80端口。 如何查看端口 在win03的cmd命令窗口输入netstat -abn -&gt;c:/port80.tx...
用css控制td强制换行
thomas0988
11-07 492
即便是给td限定的宽度，但是如果里面的内容是连续的，IE就认为是一个单词，不会换行。控制td换行的css样式：style="word-wrap:break-word;word- break:break-all;" &lt;table width="100%" border="0" cellspacing="1" cellpadding="0"&gt; &lt;tr&a
Opera 定制命令/按钮 - 语法指南
thomas0988
10-22 478
一、命令语法基础 1、按钮语句的一般格式：  命令, 参数1, 参数2, "按钮名称", "按钮图标" 有的命令本身不需要参数，如果我们也不指定名称和图标，可以简写为： 命令 比如把 Disable menu bar,,,"隐藏菜单栏","Enter Fullscreen" （注：“Disable menu bar”为命令，后面没有参数，除了“Disable menu bar”本身的...
Mobl试用二
thomas0988
05-13 476
最近有空又看了一下Mobl的一些说语法，备忘一下： 1、screen： 代表一个界面， screen root() { 。。。 } 代表程序打开时显示的第一个界面。如需要再声名一个界面如下： screen dlg() { 。。。 }   2、header("XXXXXX")： 定义界面的Title栏，每个界面都可以定义，会使...
表格设置边框 效果
thomas0988
04-16 426
第1种对表格设置边框 效果 站名 网址 说明 DIVCSS5 www.divcss5.com CSS学习 CSS5 www.css5.com.cn CSS切图 对应CSS代码： .table-a table{border:1px solid #F00} 对应html源代码： &lt;div class="table-a"&gt;&lt;tabl...
javascript:window.print() 打印
thomas0988
04-17 364
1.JavaScript打印&lt;input id="btnPrint" type="button" value="button" onclick="javascript:window.print();" style="color:#00f; font-weight:bold; text-decoration:none;cursor:pointer!important; cursor:hand...
vuedraggable拖拽div
最新发布
03-12
在上面的例子中，我们给拖拽元素添加了一个名为`drag-item`的类，可以通过CSS来自定义该类的样式。 至此，你已经完成了使用vuedraggable拖拽div的基本操作。你可以根据需要进一步扩展和定制该组件。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值