CSS：实现图片原地放大

其他 2019-03-07 20:12:49 阅读次数: 0

效果：

鼠标移动到某张图片上时，图片开始放大，原地成倍数放大。

代码：

<!doctype html>
<html lang="en">

	<head>
		<meta charset="UTF-8">
		<meta name="Generator" content="EditPlus®">
		<meta name="Author" content="">
		<meta name="Keywords" content="">
		<meta name="Description" content="">
		<title>Document</title>
		<style type="text/css">
			* {
				margin: 0;
				padding: 0;
			}
			
			.block {
				width: 350px;
				height: 350px;
				border: 1px solid;
				margin: 150px auto;
				position: relative;
			}
			
			.b {
				width: 100px;
				height: 100px;
				border: 1px solid;
				margin: 5px;
				float: left;
				list-style: none;
				overflow: hidden;
			}
			
			img {
				width: 100px;
				height: 100px;
			}
		</style>
		<script type="text/javascript" src='js/zQuery.js'></script>
		<script type="text/javascript">
			window.onload = function() {
				var block = document.getElementsByTagName('ul')[0];
				var lis = block.getElementsByTagName('li');
				var izindex = 1;
				for(var i = 0; i < lis.length; i++) {
					lis[i].style.left = lis[i].offsetLeft + 'px';
					lis[i].style.top = lis[i].offsetTop + 'px';
				}
				for(var i = 0; i < lis.length; i++) {
					lis[i].style.position = 'absolute';
					lis[i].style.margin = 0;
					lis[i].onmouseover = function() {
						this.style.zIndex = izindex++;
						var oimg = this.getElementsByTagName("img")[0];
						move(this, {
							marginLeft: [-50],
							marginTop: [-50],
							width: [200],
							height: [200]
						});
						move(oimg, {
							width: [200],
							height: [200]
						});
					}
					lis[i].onmouseout = function() {
						var oimg = this.getElementsByTagName("img")[0];
						move(this, {
							marginLeft: [0],
							marginTop: [0],
							width: [100],
							height: [100]
						});
						move(oimg, {
							width: [100],
							height: [100]
						});
					}
				}

			}
		</script>
	</head>

	<body>
		<ul class='block'>
			<li class='b'><img src="img/1.jpg" alt="" /></li>
			<li class='b'><img src="img/2.jpg" alt="" /></li>
			<li class='b'><img src="img/3.jpg" alt="" /></li>
			<li class='b'><img src="img/4.jpg" alt="" /></li>
			<li class='b'><img src="img/5.jpg" alt="" /></li>
			<li class='b'><img src="img/6.jpg" alt="" /></li>
			<li class='b'><img src="img/7.jpg" alt="" /></li>
			<li class='b'><img src="img/8.jpg" alt="" /></li>
			<li class='b'><img src="img/9.jpg" alt="" /></li>
			</div>
	</body>

</html>
 function rgb_color(){//���rgbɫ��ɺ����ֵΪrgb��ɫ�ַ�
 var r=parseInt(Math.random()*255);
 var g=parseInt(Math.random()*255);
 var b=parseInt(Math.random()*255);
 var newcolor="rgb("+r+","+g+","+b+")";
 return newcolor;
 }
 function rgba_color(){//���rgbaɫ��ɺ����ֵΪrgba��ɫ�ַ�
 var r=parseInt(Math.random()*255);
 var g=parseInt(Math.random()*255);
 var b=parseInt(Math.random()*255);
 var a=Math.random();
 var newcolor="rgba("+r+","+g+","+b+","+a+")";
 return newcolor;
 }
  function getbyclass(parent,classname){//ͨ�������ȡԪ�غ������Ϊ��Ԫ�ء�������ֵΪԪ������
  var result=new Array();
  var allclass=parent.getElementsByTagName('*');
  for (var i=0; i<allclass.length;i++ )
  {

   if(classname==allclass[i].className)
	   result.push(allclass[i]);
  }
  return result;
  }

  function getbyclassname(tagname,classname){//ͨ�������ȡԪ�غ������Ϊ��ǩ��������ֵΪԪ������
  var result=new Array();
  var allclass=document.getElementsByTagName(tagname);
  for (var i=0; i<allclass.length;i++ )
  {

   if(classname==allclass[i].className)
	   result.push(allclass[i]);
  }
  return result;
  }


function index(current, obj)
{ //��ȡԪ������ֵ
	for (var i = 0; i < obj.length; i++)
	{ 
		if (obj[i] == current) 
		{ 
			return i; 
		} 
	} 
} 

function win(attr)
{//��ȡ������ߴ磬����Ϊheight|width
	switch(attr)
		{           
			case 'height'://��ȡ���ڸ߶�
             if (window.innerHeight)
			{
                   winHeight = window.innerHeight;return winHeight;
			}else if ((document.body) && (document.body.clientHeight)){
                   winHeight = document.body.clientHeight;return winHeight;
			}
			if (document.documentElement  && document.documentElement.clientHeight)
             {
                 winHeight = document.documentElement.clientHeight;return winHeight;
             }
			 break;
			case 'width'://��ȡ���ڿ��
			  if (window.innerWidth){
                   winWidth = window.innerWidth;return winWidth;
			  }else if ((document.body) && (document.body.clientWidth)){
                   winWidth = document.body.clientWidth;   return winWidth;          
			  }//ͨ������Document�ڲ���body���м�⣬��ȡ���ڴ�С
             if (document.documentElement  &&document.documentElement.clientWidth)
             {
                 winWidth = document.documentElement.clientWidth;return winWidth;
             }
			 break;
			 case 'scrollTop':
				var scrollTop;
				if(typeof window.pageYOffset != 'undefined'){
				scrollTop = window.pageYOffset;
				}
				else
				if(typeof document.compatMode != 'undefined' &&
				document.compatMode != 'BackCompat'){
				scrollTop = document.documentElement.scrollTop;
				}
				else 
				if(typeof document.body != 'undefined'){
				scrollTop = document.body.scrollTop;
				}
				return scrollTop;break;
			default :return 0;break;
		}
}
/**************************************************�˶����*****************************************************/
  function css(obj, attr, value)
{
	var re=[];
	if(arguments.length==2)
	{
		switch(attr){
		case 'opacity':re.push(Math.round(100*parseFloat(obj.currentStyle?obj.currentStyle[attr]:document.defaultView.getComputedStyle(obj, false)[attr])));return re;break;
		case 'backgroundPosition':var res=obj.currentStyle?obj.currentStyle[attr]:document.defaultView.getComputedStyle(obj, false)[attr];res=res.split(" ");res[0]=parseInt(res[0]);res[1]=parseInt(res[1]);return res;break;
		case 'rotate':var transformstr=obj.currentStyle?obj.currentStyle['transform']:document.defaultView.getComputedStyle(obj, false)['webkitTransform']||document.defaultView.getComputedStyle(obj, false)['msTransform']||document.defaultView.getComputedStyle(obj, false)['MozTransform']||document.defaultView.getComputedStyle(obj, false)['OTransform']||document.defaultView.getComputedStyle(obj, false)['transform']+"";
								var matrixarray=transformstr.split(",");
								re.push(Math.ceil(Math.acos(matrixarray[3])/Math.PI*180));return re;break;
		case 'translate':
			var transformstr=obj.currentStyle?obj.currentStyle['transform']:document.defaultView.getComputedStyle(obj, false)['webkitTransform']||document.defaultView.getComputedStyle(obj, false)['msTransform']||document.defaultView.getComputedStyle(obj, false)['MozTransform']||document.defaultView.getComputedStyle(obj, false)['OTransform']||document.defaultView.getComputedStyle(obj, false)['transform']+"";
			var matrixarray=transformstr.split(",");
			re.push(parseInt(matrixarray[4]));re.push(parseInt(matrixarray[5]));return re;break;
		case 'translateX'://transform 2dת���е�translateX
			var transformstr=obj.currentStyle?obj.currentStyle['transform']:document.defaultView.getComputedStyle(obj, false)['webkitTransform']||document.defaultView.getComputedStyle(obj, false)['msTransform']||document.defaultView.getComputedStyle(obj, false)['MozTransform']||document.defaultView.getComputedStyle(obj, false)['OTransform']||document.defaultView.getComputedStyle(obj, false)['transform']+"";
			var matrixarray=transformstr.split(",");
			re.push((parseInt(matrixarray[4])));return re;break;
		case 'translateY'://transform 2dת���е�translateY
			var transformstr=obj.currentStyle?obj.currentStyle['transform']:document.defaultView.getComputedStyle(obj, false)['webkitTransform']||document.defaultView.getComputedStyle(obj, false)['msTransform']||document.defaultView.getComputedStyle(obj, false)['MozTransform']||document.defaultView.getComputedStyle(obj, false)['OTransform']||document.defaultView.getComputedStyle(obj, false)['transform']+"";
			var matrixarray=transformstr.split(",");
			re.push((parseInt(matrixarray[5])));return re;break;
		case 'transform'://transform 2d matrix����
			var transformstr=obj.currentStyle?obj.currentStyle['transform']:document.defaultView.getComputedStyle(obj, false)['webkitTransform']||document.defaultView.getComputedStyle(obj, false)['msTransform']||document.defaultView.getComputedStyle(obj, false)['MozTransform']||document.defaultView.getComputedStyle(obj, false)['OTransform']||document.defaultView.getComputedStyle(obj, false)['transform']+"";
			var matrixarray=transformstr.split(",");
			re.push(parseInt(matrixarray[0].match(/-?\d+(\.\d+)?/g)[0]*10000));//��������һ���ַ��е�����
			re.push(parseInt(matrixarray[1].match(/-?\d+(\.\d+)?/g)[0]*10000));
			re.push(parseInt(matrixarray[2].match(/-?\d+(\.\d+)?/g)[0]*10000));
			re.push(parseInt(matrixarray[3].match(/-?\d+(\.\d+)?/g)[0]*10000));
			re.push(parseInt(matrixarray[4].match(/-?\d+(\.\d+)?/g)[0]*10000));
			re.push(parseInt(matrixarray[5].match(/-?\d+(\.\d+)?/g)[0]*10000));
//						console.log(parseInt(matrixarray[0].match(/-?\d+(\.\d+)?/g)[0]*10000)+" "+
//							parseInt(matrixarray[1].match(/-?\d+(\.\d+)?/g)[0]*10000)+" "+
//			parseInt(matrixarray[2].match(/-?\d+(\.\d+)?/g)[0]*10000)+" "+
//			parseInt(matrixarray[3].match(/-?\d+(\.\d+)?/g)[0]*10000)+" "+
//			parseInt(matrixarray[4].match(/-?\d+(\.\d+)?/g)[0]*10000)+" "+
//			parseInt(matrixarray[5].match(/-?\d+(\.\d+)?/g)[0]*10000));
			return re;break;
			default :
			re.push(parseInt(obj.currentStyle?obj.currentStyle[attr]:document.defaultView.getComputedStyle(obj, false)[attr]));return re;break;
		}
	}
	else if(arguments.length==3)
		switch(attr)
		{
			case 'width':
			case 'height':
			case 'paddingLeft':
			case 'paddingTop':
			case 'paddingRight':
			case 'paddingBottom':
				value[0]=Math.max(value[0],0);
			case 'left':
			case 'top':
			case 'marginLeft':
			case 'marginTop':
			case 'marginRight':
			case 'marginBottom':
				obj.style[attr]=value[0]+'px';
				break;
			case 'opacity':
				obj.style.filter="alpha(opacity:"+value[0]+")";
				obj.style.opacity=value[0]/100;
				break;
			case 'backgroundPosition':
				obj.style.backgroundPosition=value[0]+'px '+value[1]+'px';break;
			case 'rotate':
			obj.style.webkitTransform="rotate(" + value[0]+ "deg)";
			obj.style.msTransform="rotate(" + value[0]+ "deg)";
			obj.style.MozTransform="rotate(" + value[0] + "deg)";
			obj.style.OTransform="rotate(" + value[0]+ "deg)";
			obj.style.transform="rotate(" + value[0] + "deg)";
			break;
			case 'translate':
			obj.style.webkitTransform="translate(" + value[0] + "px,"+value[1]+"px)";
			obj.style.msTransform="translate(" + value[0] + "px,"+value[1]+"px)";
			obj.style.MozTransform="translate(" + value[0] + "px,"+value[1]+"px)";
			obj.style.OTransform="translate(" + value[0] + "px,"+value[1]+"px)";
			obj.style.transform="translate(" + value[0] + "px,"+value[1]+"px)";
			break;
			case 'translateX':obj.style.webkitTransform="translateX(" + value[0] + "px)";
			obj.style.msTransform="translateX(" + value[0] + "px)";
			obj.style.MozTransform="translateX(" + value[0] + "px)";
			obj.style.OTransform="translateX(" + value[0] + "px)";
			obj.style.transform="translateX(" + value[0] + "px)";
			break;
			case 'translateY':obj.style.webkitTransform="translateY(" + value[0] + "px)";
			obj.style.msTransform="translateY(" + value[0] + "px)";
			obj.style.MozTransform="translateY(" + value[0] + "px)";
			obj.style.OTransform="translateY(" + value[0] + "px)";
			obj.style.transform="translateY(" + value[0] + "px)";
			break;
			case 'transform':obj.style.webkitTransform="matrix(" + value[0] + ","+value[1] + ","+value[2] + ","+value[3] + ","+value[4] + ","+value[5] +")";
			obj.style.msTransform="matrix(" + value[0] + ","+value[1] + ","+value[2] + ","+value[3] + ","+value[4] + ","+value[5] +")";
			obj.style.MozTransform="matrix(" + value[0] + ","+value[1] + ","+value[2] + ","+value[3] + ","+value[4] + ","+value[5] +")";
			obj.style.OTransform="matrix(" + value[0] + ","+value[1] + ","+value[2] + ","+value[3] + ","+value[4] + ","+value[5] +")";
			obj.style.transform="matrix(" + value[0] + ","+value[1] + ","+value[2] + ","+value[3] + ","+value[4] + ","+value[5] +")";
			break;
			default:
				obj.style[attr]=value[0];
		}
	
	return function (attr_in, value_in){css(obj, attr_in, value_in)};
}


function stop(obj)
{
	clearInterval(obj.timer);
}

function move(obj, oTarget, iType, fnCallBack, fnDuring)
{
	var fnMove=null;
	if(obj.timer)
	{
		clearInterval(obj.timer);
	}
	switch(iType)
	{
		case "buffer":
			fnMove=do_buffer_move;
			break;
		case "flex":
			fnMove=do_flex_move;
			break;
		default: 
			fnMove=do_buffer_move;
			break;
	}
	
	obj.timer=setInterval(function (){
		fnMove(obj, oTarget, fnCallBack, fnDuring);
	}, 30);
}

/*------------------------------------�˶������е�ȫ�ֱ���-------------------------------------------*/
var attr='';
var next=[];
var cur;
var stopBtn=false;
function do_buffer_move(obj, oTarget, fnCallBack, fnDuring)
{
	stopBtn=false;var count=0;
	if(!obj.speed)obj.speed={};//�ö�����ٶ����ԣ������������ֵ�ٶȣ����δ��������
	for(attr in oTarget)
	{
		if(!obj.speed[attr]){obj.speed[attr]=[];}//�ö����ijһ���Ե��ٶ�ֵ��ֵΪ�����Ե��ٶ�ֵ������
		cur=css(obj, attr);
		if (attr=='transform')
		{
			for (var j=0;j<cur.length ;j++)
			{
				if(undefined==obj.speed[attr][j])obj.speed[attr][j]=0;//�ڸö���Ŀǰ�������У���ijһ�ٶȲ���δ���壬����
				var temp=parseInt(oTarget[attr][j]*10000);
				if(Math.abs(temp-cur[j])>1000)//����С��������ԣ��޷���֤����һ�£�����Сʱ���Բ��
				{
					obj.speed[attr][j]=(temp-cur[j])/5;
					obj.speed[attr][j]=obj.speed[attr][j]>0?Math.ceil(obj.speed[attr][j]):Math.floor(obj.speed[attr][j]);
					next[j]=(cur[j]+obj.speed[attr][j])/10000;
					//console.log(j+" "+attr+" "+cur[j]+' '+obj.speed[attr][j]+' '+next[j]+' '+oTarget[attr][j]) ;//�˶�����еIJ���ֵ
				}
				else{
					next[j]=parseInt(oTarget[attr][j]*10000)/10000;//�Ѿ�����Ŀ���ֵ����
					count++;//��¼�ԴﵽĿ��ĸ���
					//console.log(attr+"count"+count);
				}
			}
		}
		else{
				for (var j=0;j<cur.length ;j++)
				{
					if(undefined==obj.speed[attr][j])obj.speed[attr][j]=0;//�ڸö���Ŀǰ�������У���ijһ�ٶȲ���δ���壬����
					if(oTarget[attr][j]!=cur[j])
					{
						oTarget[attr][j]=parseInt(oTarget[attr][j]);
						obj.speed[attr][j]=(oTarget[attr][j]-cur[j])/5;
						obj.speed[attr][j]=obj.speed[attr][j]>0?Math.ceil(obj.speed[attr][j]):Math.floor(obj.speed[attr][j]);
						next[j]=cur[j]+obj.speed[attr][j];
						//console.log(j+" "+attr+" "+cur[j]+' '+obj.speed[attr][j]+' '+next[j]+' '+oTarget[attr][j]) ;//�˶�����еIJ���ֵ
					}
					else{
						next[j]=oTarget[attr][j];//�Ѿ�����Ŀ���ֵ����
						count++;//��¼�ԴﵽĿ��ĸ���
						//console.log(attr+"count"+count);
					}
				}
				}
				css(obj,attr,next);
		}
		var allattr=0;//�������Լ���������
		for(attr in oTarget)
		{
			for (var i=0;i<oTarget[attr].length; i++)
			{
				allattr++;//������������Ը���
			}
		}
		//console.log(count+" "+allattr);//�Դ�������ܸ���Ա�
		if(count==allattr){stopBtn=true;}//���������Զ��ﵽĿ��ʱֹͣ���ش�
	
	if(fnDuring)fnDuring.call(obj);
	if(stopBtn)
	{
		obj.speed={};
		//console.log("�����˶����");
		clearInterval(obj.timer);
		if(fnCallBack)fnCallBack.call(obj);
	}
}
function do_flex_move(obj, oTarget, fnCallBack, fnDuring)
{
	stopBtn=false;var count=0;//�й��Ƿ��˶��ı���
	if(!obj.speed)obj.speed={};//�ö�����ٶ����ԣ������������ֵ�ٶȣ����δ��������
	for(attr in oTarget)
	{
		if(!obj.speed[attr]){obj.speed[attr]=[];}//�ö����ijһ���Ե��ٶ�ֵ��ֵΪ�����Ե��ٶ�ֵ������
		//console.log(obj.speed[attr]);
		cur=css(obj, attr);
		if (attr=='transform')
		{
			for (var j=0;j<cur.length ;j++)
			{		
				if(undefined==obj.speed[attr][j])obj.speed[attr][j]=1;//�ڸö���Ŀǰ�������У���ijһ�ٶȲ���δ���壬����
				var temp=parseInt(oTarget[attr][j]*10000);
				if(Math.abs(parseInt(obj.speed[attr][j]))!=0)
				{
					obj.speed[attr][j]+=(temp-cur[j])/5;
					obj.speed[attr][j]*=0.7;
					obj.speed[attr][j]=parseInt(obj.speed[attr][j]);
					next[j]=(cur[j]+obj.speed[attr][j])/10000;
					//console.log(j+" "+attr+" "+cur[j]+' '+obj.speed[attr][j]+' '+next[j]+' '+oTarget[attr][j]) ;//�˶�����еIJ���ֵ
				}
				else
				{
					next[j]=parseInt(oTarget[attr][j]*10000)/10000;//�Ѿ�����Ŀ���ֵ����
					count++;//��¼�ԴﵽĿ��ĸ���
					//console.log(attr+"count"+count);
				}
			}
		}else{
			for (var j=0;j<cur.length ;j++)
			{				
				if(undefined==obj.speed[attr][j])obj.speed[attr][j]=1;//�ڸö���Ŀǰ�������У���ijһ�ٶȲ���δ���壬����
				if(Math.abs(obj.speed[attr][j])!=0)
				{
					obj.speed[attr][j]+=(oTarget[attr][j]-cur[j])/5;
					obj.speed[attr][j]*=0.7;
					obj.speed[attr][j]=parseInt(obj.speed[attr][j]);
					next[j]=cur[j]+obj.speed[attr][j];
					//console.log(j+" attr "+attr+" "+cur[j]+' '+obj.speed[attr][j]+' '+next[j]+' '+oTarget[attr][j]) ;//�˶�����еIJ���ֵ
				}
				else
				{
					next[j]=oTarget[attr][j];//�Ѿ�����Ŀ���ֵ����
					count++;//��¼�ԴﵽĿ��ĸ���
					//console.log(attr+"count"+count);
				}
			}
		}
		css(obj,attr,next);
	}
	
	var allattr=0;//�������Լ���������
		for(attr in oTarget)
		{
			for (var i=0;i<oTarget[attr].length; i++)
			{
				allattr++;//������������Ը���
			}
		}
		//console.log(count+" "+allattr);//�Դ�������ܸ���Ա�
		if(count==allattr){stopBtn=true;}//���������Զ��ﵽĿ��ʱֹͣ���ش�
	
	if(fnDuring)fnDuring.call(obj);
	if(stopBtn)
	{
		obj.speed={};
		//console.log("�����˶����");
		clearInterval(obj.timer);
		if(fnCallBack)fnCallBack.call(obj);
	}
}



function drag_throw_move(obj,speedX,speedY){//��ק+�׳��˶���ʹ��ʱ�����ȶ���timer��ʱ�����������ˮƽ�ٶȺ���ֱ�ٶ�
	timer=setInterval(function (){
	speedY+=3;//���������ƣ�y����ٶȻ������������������
	var left=obj.offsetLeft+speedX;//���㶨λֵ
	var top=obj.offsetTop+speedY;
	 if (top>=(win('height')-obj.offsetHeight))//��ײ���ײ���y���ٶȷ���x���ٶȼ�С
	 {
		 speedY*=-0.8;
		 speedX*=0.8;
		 top=(win('height')-obj.offsetHeight);
	 }else if (top<=0)//��ײ��������y���ٶȷ���x���ٶȼ�С
	 {
		 speedY*=-0.8;
		 speedX*=0.8;
		 top=0;
	 }
	 if (left>=(win('width')-obj.offsetWidth))//��ײ���Ҳ࣬X���ٶȷ����Ҽ�С
	 {
		 speedX*=-0.8;
		 left=(win('width')-obj.offsetWidth);
	 }else if (left<=0)//��ײ����࣬X���ٶȷ����Ҽ�С
	 {
		 speedX*=-0.8;
		 left=0;
	 }
	 if (Math.abs(speedX)<1)//�ٶȺ�Сʱ��Ϊֹͣ
	 {
		 speedX=0;
	 }
	 if (Math.abs(speedY)<1)//�ٶȺ�Сʱ��Ϊֹͣ
	 {
		 speedY=0;
	 }
	 if(speedX==0&&speedY==0&&top==(win('height')-obj.offsetHeight)){//�˶����ֹͣ
	 clearInterval(timer);
	 }
	 obj.style.left=left+'px';//Ӧ�ö�λ
	 obj.style.top=top+'px';
	 },30);
}

 function drag(obj){//ʵ����ק������Ϊ����
	obj.onmousedown=function (ev){//�������
	var oev=ev||event;
	var disX=oev.clientX-obj.offsetLeft;
	var disY=oev.clientY-obj.offsetTop;
	document.onmousemove=function (ev){//�϶����
	var oev=ev||event;
	var left=oev.clientX-disX;
	var top=oev.clientY-disY;
	obj.style.left=left+'px';//���¶����λ��
	obj.style.top=top+'px';
	}
	document.onmouseup=function (){//̧�����
	document.onmousemove=null;
	document.onmouseup=null;
	}
	}
 }

/**************************************************�˶���ܽ���*****************************************************/

猜你喜欢

转载自blog.csdn.net/qq_42192693/article/details/88095131
今日推荐
《美国对全球网络空间安全与发展的威胁和破坏》报告发布
火速冲上 GitHub 热榜 —— 开源编程语言、框架哪有这么可爱？
北京人形机器人创新中心发布全球首个纯电驱拟人奔跑的全尺寸人形机器人“天工”
LFOSSA 源来如此公开课 | 掌握云原生未来：CNCF 认证全面攻略与备考秘籍
周排行
循环神经网络（rnn）讲解
Tigao教程四：单独的关节运动
金蝶K3WISE15.0-注册套打教程
如何在Mac上配置Kubernetes
Android应用结束自身进程的方法
SpringMVC学习 十三 拦截器栈
中国驻洛杉矶总领馆举行新春招待会
HttpClient get post 发送
11 - three.js 笔记 - 绘制三维字体模型
Mysql递归获取某个父节点下面的所有子节点和子节点上的所有父节点
每日归档
更多
2024-05-01(4)
2024-04-30(1)
2024-04-29(40)
2024-04-28(0)
2024-04-27(56)
2024-04-26(39)
2024-04-25(22)
2024-04-24(36)
2024-04-23(26)
2024-04-22(39)

代码天地 © 2018 codetd.com

境外服务器   最新电视剧2022