织梦模板建站、织梦仿站，推荐选跟版网(专业织梦模板定制下载站)，您可以把织梦模板网：
亲，跟版网是专业的DEDECMS模板下载和定制开发服务商！您可以选择或者
HTML5实现动画效果的方式汇总
& &以下内容您可能感兴趣： &
小编以一个运动的小车为例子，讲述了三种实现HTML5动画的方式，思路清晰，动画不仅仅是canvas，还有css3和javascript.通过合理的选择，来实现最优的实现。 PS：由于显卡、录制的帧间隔，以及可能你电脑处理器的原因，播放过程可能有些不太流畅或者失真！ 分三种方式实现： (1) canvas元素结合JS (2) 纯粹的CSS3动画（暂不被所有主流浏览器支持，比如IE） (3) CSS3结合Jquery实现 知道如何使用CSS3动画比知道如何使用&canvas&元素更重要：因为浏览器能够优化那些元素的性能(通常是他们的样式，比如CSS)，而我们使用canvas自定义画出来的效果却不能被优化。原因又在于，浏览器使用的硬件主要取决于显卡的能力。目前，浏览器没有给予我们直接访问显卡的权力，比如，每一个绘画操作都不得不在浏览器中先调用某些函数。 1.canvas html代码： 代码如下:&html& &head& &meta charset="UTF-8" /& &title&Animation in HTML5 using the canvas element&/title& &/head& &body onload="init();"& &canvas id="canvas" width="1000" height="600"&Your browser does not support the &code&&canvas&&/code&-element.Please think about updating your brower!&/canvas& &div id="controls"& &button type="button" onclick="speed(-0.1);"&Slower&/button& &button type="button" onclick="play(this);"&Play&/button& &button type="button" onclick="speed(+0.1)"&Faster&/button& &/div& &/body& &/html&
js代码： 定义一些变量： 代码如下:var dx=5, //当前速率 rate=1, //当前播放速度 ani, //当前动画循环 c, //画图(Canvas Context) w, //汽车[隐藏的](Canvas Context) grassHeight=130, //背景高度 carAlpha=0, //轮胎的旋转角度 carX=-400, //x轴方向上汽车的位置(将被改变) carY=300, //y轴方向上汽车的位置(将保持为常量) carWidth=400, //汽车的宽度 carHeight=130, //汽车的高度 tiresDelta=15, //从一个轮胎到最接近的汽车底盘的距离 axisDelta=20, //汽车底部底盘的轴与轮胎的距离 radius=60; //轮胎的半径
为了实例化汽车canvas(初始时被隐藏)，我们使用下面的自执行的匿名函数 代码如下:(function(){ var car=document.createElement('canvas'); //创建元素 car.height=carHeight+axisDelta+ //设置高度 car.width=carW //设置宽度 w=car.getContext('2d'); })();
点击&Play&按钮，通过定时重复执行&画汽车&操作，来模拟&帧播放&功能： 代码如下:function play(s){ //参数s是一个button if(ani){ //如果ani不为null，则代表我们当前已经有了一个动画 clearInterval(ani); //所以我们需要清除它(停止动画) ani= s.innerHTML='Play'; //重命名该按钮为&播放& }else{ ani=setInterval(drawCanvas,40); //我们将设置动画为25fps[帧每秒]，40/1000，即为二十五分之一 s.innerHTML='Pause'; //重命名该按钮为&暂停& } }
加速，减速，通过以下方法，改变移动距离的大小来实现： 代码如下:function speed(delta){ var newRate=Math.max(rate+delta,0.1); dx=newRate/rate* rate=newR } 页面加载的初始化方法： //init function init(){ c=document.getElementById('canvas').getContext('2d'); drawCanvas(); }
主调方法： 代码如下:function drawCanvas(){ c.clearRect(0,0,c.canvas.width, c.canvas.height); //清除Canvas(已显示的)，避免产生错误 c.save(); //保存当前坐标值以及状态，对应的类似&push&操作 drawGrass(); //画背景 c.translate(carX,0); //移动起点坐标 drawCar(); //画汽车(隐藏的canvas) c.drawImage(w.canvas,0,carY); //画最终显示的汽车 c.restore(); //恢复Canvas的状态，对应的是类似&pop&操作 carX+= //重置汽车在X轴方向的位置，以模拟向前走 carAlpha+=dx/ //按比例增加轮胎角度 if(carX&c.canvas.width){ //设置某些定期的边界条件 carX=-carWidth-10; //也可以将速度反向为dx*=-1; } }
画背景： 代码如下:function drawGrass(){ //创建线性渐变，前两个参数为渐变开始点坐标，后两个为渐变结束点坐标 var grad=c.createLinearGradient(0,c.canvas.height-grassHeight,0,c.canvas.height); //为线性渐变指定渐变色，0表示渐变起始色，1表示渐变终止色 grad.addColorStop(0,'#33CC00'); grad.addColorStop(1,'#66FF22'); c.fillStyle= c.lineWidth=0; c.fillRect(0,c.canvas.height-grassHeight,c.canvas.width,grassHeight); }
画车身： 代码如下:function drawCar(){ w.clearRect(0,0,w.canvas.width,w.canvas.height); //清空隐藏的画板 w.strokeStyle='#FF6600'; //设置边框色 w.lineWidth=2; //设置边框的宽度，单位为像素 w.fillStyle='#FF9900'; //设置填充色 w.beginPath(); //开始绘制新路径 w.rect(0,0,carWidth,carHeight); //绘制一个矩形 w.stroke(); //画边框 w.fill(); //填充背景 w.closePath(); //关闭绘制的新路径 drawTire(tiresDelta+radius,carHeight+axisDelta); //我们开始画第一个轮子 drawTire(carWidth-tiresDelta-radius,carHeight+axisDelta); //同样的，第二个 }
画轮胎： 代码如下:function drawTire(x,y){ w.save(); w.translate(x,y); w.rotate(carAlpha); w.strokeStyle='#3300FF'; w.lineWidth=1; w.fillStyle='#0099FF'; w.beginPath(); w.arc(0,0,radius,0,2*Math.PI,false); w.fill(); w.closePath(); w.beginPath(); w.moveTo(radius,0); w.lineTo(-radius,0); w.stroke(); w.closePath(); w.beginPath(); w.moveTo(0,radius); w.lineTo(0,-radius); w.stroke(); w.closePath(); w.restore(); }
由于原理简单，并且代码中作了详细注释，这里就不一一讲解！ 2.CSS3 你将看到我们未通过一句JS代码就完全实现了和上面一样的动画效果： HTML代码： 代码如下:&html& &head& &meta charset="UTF-8" /& &title&Animations in HTML5 using CSS3 animations&/title& &/head& &body& &div id="container"& &div id="car"& &div id="chassis"&&/div& &div id="backtire" class="tire"& &div class="hr"&&/div& &div class="vr"&&/div& &/div& &div id="fronttire" class="tire"& &div class="hr"&&/div& &div class="vr"&&/div& &/div& &/div& &div id="grass"&&/div& &/div& &footer&&/footer& &/body& &/html& CSS代码： body { padding:0; margin:0; }
定义车身与轮胎转到的动画（你会看到基本每一个动画都有四个版本的定义：原生版本/webkit【Chrome|Safari】/ms【为了向后兼容IE10】/moz【FireFox】） 代码如下:/*定义动画：从-400px的位置移动到1600px的位置 */ @keyframes carAnimation { 0% { left:-400 } /* 指定初始位置，0%等同于from*/ 100% { left:1600 } /* 指定最终位置,100%等同于to*/ } /* Safari and Chrome */ @-webkit-keyframes carAnimation { 0% {left:-400 } 100% {left:1600 } } /* Firefox */ @-moz-keyframes carAnimation { 0% {left:-400; } 100% {left:1600 } } /*IE暂不支持,此处定义是为了向后兼容IE10*/ @-ms-keyframes carAnimation { 0% {left:-400 } 100%{left:1600 } } @keyframes tyreAnimation { 0% {transform: rotate(0); } 100% {transform: rotate(1800deg); } } @-webkit-keyframes tyreAnimation { 0% { -webkit-transform: rotate(0); } 100% { -webkit-transform: rotate(1800deg); } } @-moz-keyframes tyreAnimation { 0% { -moz-transform: rotate(0); } 100% { -moz-transform: rotate(1800deg); } } @-ms-keyframes tyreAnimation { 0% { -ms-transform: rotate(0); } 100% { -ms-transform: rotate(1800deg); } } #container { position: width:100%; height:600 overflow: /*这个很重要*/ } #car { position: /*汽车在容器中采用绝对定位*/ width:400 height:210 /*汽车的总高度，包括轮胎和底盘*/ z-index:1; /*让汽车在背景的上方*/ top:300 /*距顶端的距离(y轴)*/ left:50 /*距左侧的距离(x轴)*/ /*以下内容赋予该元素预先定义的动画及相关属性*/ -webkit-animation-name:carA /*名称*/ -webkit-animation-duration:10s; /*持续时间*/ -webkit-animation-iteration-count: /*迭代次数-无限次*/ -webkit-animation-timing-function: /*播放动画时从头到尾都以相同的速度*/ -moz-animation-name:carA /*名称*/ -moz-animation-duration:10s; /*持续时间*/ -moz-animation-iteration-count: /*迭代次数-无限次*/ -moz-animation-timing-function: /*播放动画时从头到尾都以相同的速度*/ -ms-animation-name:carA /*名称*/ -ms-animation-duration:10s; /*持续时间*/ -ms-animation-iteration-count: /*迭代次数-无限次*/ -ms-animation-timing-function: /*播放动画时从头到尾都以相同的速度*/ animation-name:carA /*名称*/ animation-duration:10s; /*持续时间*/ animation-iteration-count: /*迭代次数-无限次*/ animation-timing-function: /*播放动画时从头到尾都以相同的速度*/ } /*车身*/ #chassis { position: width:400 height:130 background:#FF9900; border: 2px solid #FF6600; } /*轮胎*/ .tire { z-index:1; /*同上，轮胎也应置于背景的上方*/ position: bottom:0; border-radius:60 /*圆半径*/ height:120 /* 2*radius=height */ width:120 /* 2*radius=width */ background:#0099FF; /*填充色*/ border:1px solid #3300FF; -webkit-animation-name:tyreA -webkit-animation-duration:10s; -webkit-animation-iteration-count: -webkit-animation-timing-function: -moz-animation-name:tyreA -moz-animation-duration:10s; -moz-animation-iteration-count: -moz-animation-timing-function: -ms-animation-name:tyreA -ms-animation-duration:10s; -ms-animation-iteration-count: -ms-animation-timing-function: animation-name:tyreA animation-duration:10s; animation-iteration-count: animation-timing-function: } #fronttire { right:20 /*设置右边的轮胎距离边缘的距离为20*/ } #backtire { left:20 /*设置左边的轮胎距离边缘的距离为20*/ } #grass { position: /*背景绝对定位在容器中*/ width:100%; height:130 bottom:0; /*让背景色线性渐变,bottom,表示渐变的起始处，第一个颜色值是渐变的起始值，第二个颜色值是终止值 */ background:linear-grdaient(bottom,#33CC00,#66FF22); background:-webkit-linear-gradient(bottom,#33CC00,#66FF22); background:-moz-linear-gradient(bottom,#33CC00,#66FF22); background:-ms-linear-gradient(bottom,#33CC00,#66FF22); } .hr,.vr { position: background:#3300FF; } .hr { height:1 width:100%; /*轮胎的水平线*/ left:0; top:60 } .vr { width:1 height:100%; /*轮胎的垂直线*/ left:60 top:0; }
3.JQuery与CSS3 这是一个效果与兼容性俱佳的方式（特别对于IE9暂不支持CSS3而言） HTML代码（可以看到与CSS3中的HTML代码并无不同）： 代码如下:&html& &head& &meta charset="UTF-8" /& &title&Animations in HTML5 using CSS3 animations&/title& &/head& &body& &div id="container"& &div id="car"& &div id="chassis"&&/div& &div id="backtire" class="tire"& &div class="hr"&&/div& &div class="vr"&&/div& &/div& &div id="fronttire" class="tire"& &div class="hr"&&/div& &div class="vr"&&/div& &/div& &/div& &div id="grass"&&/div& &/div& &footer&&/footer& &/body& &/html& CSS: &style& body { padding:0; margin:0; } #container { position: width:100%; height:600 overflow: /*这个很重要*/ } #car { position: /*汽车在容器中采用绝对定位*/ width:400 height:210 /*汽车的总高度，包括轮胎和底盘*/ z-index:1; /*让汽车在背景的上方*/ top:300 /*距顶端的距离(y轴)*/ left:50 /*距左侧的距离(x轴)*/ } /*车身*/ #chassis { position: width:400 height:130 background:#FF9900; border: 2px solid #FF6600; } /*轮胎*/ .tire { z-index:1; /*同上，轮胎也应置于背景的上方*/ position: bottom:0; border-radius:60 /*圆半径*/ height:120 /* 2*radius=height */ width:120 /* 2*radius=width */ background:#0099FF; /*填充色*/ border:1px solid #3300FF; -o-transform:rotate(0deg); /*旋转(单位：度)*/ -ms-transform:rotate(0deg); -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); } #fronttire { right:20 /*设置右边的轮胎距离边缘的距离为20*/ } #backtire { left:20 /*设置左边的轮胎距离边缘的距离为20*/ } #grass { position: /*背景绝对定位在容器中*/ width:100%; height:130 bottom:0; /*让背景色线性渐变,bottom,表示渐变的起始处，第一个颜色值是渐变的起始值，第二个颜色值是终止值 */ background:linear-grdaient(bottom,#33CC00,#66FF22); background:-webkit-linear-gradient(bottom,#33CC00,#66FF22); background:-moz-linear-gradient(bottom,#33CC00,#66FF22); background:-ms-linear-gradient(bottom,#33CC00,#66FF22); } .hr,.vr { position: background:#3300FF; } .hr { height:1 width:100%; /*水平线*/ left:0; top:60 } .vr { width:1 height:100%; /*垂直线*/ left:60 top:0; } &/style&
JS代码： 首先引入在线API： 代码如下:&script src="/ajax/libs/jquery/1.7.1/jquery.min.js"&&/script&
实现动画代码（相当简洁）： 代码如下:&script& $(function(){ var rot=0; var prefix=$('.tire').css('-o-transform')?'-o-transform':($('.tire').css('-ms-transform')?'-ms-transform':($('.tire').css('-moz-transform')?'-moz-transform':($('.tire').css('-webkit-transform')?'-webkit-transform':'transform'))); var origin={ /*设置我们的起始点*/ left:-400 }; var animation={ /*该动画由jQuery执行*/ left:1600 /*设置我们将移动到的最终位置*/ }; var rotate=function(){ /*该方法将被旋转的轮子调用*/ rot+=2; $('.tire').css(prefix,'rotate('+rot+'deg)'); }; var options={ /*将要被jQuery使用的参数*/ easing:'linear', /*指定速度，此处只是线性，即为匀速*/ duration:10000, /*指定动画持续时间*/ complete:function(){ $('#car').css(origin).animate(animation,options); }, step:rotate }; plete(); }); &/script&
简单讲解：prefix首先识别出当前是哪个定义被采用了（-o?-moz?-webkit?-ms?），然后定义了动画的起点位置和终点位置。接 着，定义了设置旋转角度的函数（该函数将在在动画的每一步(step)中执行）。然后，定义了一个动画，该定义方式导致了无限自循环调用！ 本文，通过一个简单的动画实例，演示了HTML5下，实现动画的几种常见方式。
跟版网-专业织梦模板下载平台，转载请注明出处：
& &精心为您推荐： &
& &邀您关注： &
扫描左侧二维码即可在手机端访问此页面
扫描左侧二维码即可关注跟版网官方微信公众号，获取金币模板，还可以免费仿站哦！
扫描左侧二维码即可加入跟版网官方群，免费获取金币资源并可以与其他织梦高手共同交流学习
跟版网率先实现织梦的三网合一网站，从即日起（）日，跟版网会陆续免费分享一批金币资源给需要的朋友，关注本站认证官方微信公众账号并回复相应的提取码，系统会自动将下载地址发送给您，同时这些金币资源也会分享在官方的QQ群中，欢迎各位朋友踊跃加入。另外本站后期会每周选择大家比较喜欢的网站仿制，并免费分享给大家，还有免费送金币活动哦！
评论列表（网友评论仅供网友表达个人看法，并不表明本站同意其观点或证实其描述）
- dede源码分享
售价:0金币
- dede源码分享
售价:20金币
- dede源码分享
售价:40金币
- dede源码分享
售价:20金币
- dede源码分享
售价:0金币
& & & 跟版网竭力打造中国最大的织梦源码和织梦模板商城，我们有一批经验丰富的设计师和程序员，发展五年，跟版网拥有丰富的织梦模板，欢迎您的咨询，我们将竭诚为您提供最优质的服务。
& & & 跟版网织梦源码商城坚持“创意+品质+服务”的高端理念，运用创意设计的理念为您塑造高品质的网络品牌形象。凭借五年的探索和实践，跟版网织梦源码商城拥有一支经验丰富、技术精湛、尽职尽责的网络服务团队。精品网站建设，从跟版网织梦源码商城建站开始。
& & & 跟版网织梦源码和模板可分为两种形式获得，一种是官方源码，另外一种是会员共享源码。两种源码都分为免费和收费两种形式。
& & & 跟版网官方收费源码可通过支付费用获得，具体操作流程可查看网址：。会员共享源码可通过共享模板获取金币下载。如觉得麻烦，可以联系客服QQ：进行金币充值，充值后可随意下载。html界面上有好几个div 怎么在这些界面中间弹出一个窗口 下面的页面变灰色后不能使用 - 开源中国社区
当前访客身份：游客 [
当前位置：
html界面上有好几个div 怎么在这些界面中间弹出一个窗口 下面的页面变灰色后不能使用
共有3个答案
<span class="a_vote_num" id="a_vote_num_
引用来自“李伊子”的评论在页面定义一个div 设置好间距 初始化的时候 div是display:none，然后在这个div上面做一个div (弹罩层)初始化的时候也是display:none 等到点击某处的时候把两个div设置成display:block 我帮你实现了一下 给你代码
&div align="center" style="filter: alpha(opacity=50);opacity: .5;"&
&li&My JSP 'index.jsp' starting page&/li&
&li&My JSP 'index.jsp' starting page&/li&
&li&My JSP 'index.jsp' starting page&/li&
&li&My JSP 'index.jsp' starting page&/li&
&li&My JSP 'index.jsp' starting page&/li&
&li&My JSP 'index.jsp' starting page&/li&
&li&My JSP 'index.jsp' starting page&/li&
&li&My JSP 'index.jsp' starting page&/li&
&li&My JSP 'index.jsp' starting page&/li&
&li&My JSP 'index.jsp' starting page&/li&
&li&My JSP 'index.jsp' starting page&/li&
&li&My JSP 'index.jsp' starting page&/li&
&li&My JSP 'index.jsp' starting page&/li&
&li&My JSP 'index.jsp' starting page&/li&
&li&My JSP 'index.jsp' starting page&/li&
&li&My JSP 'index.jsp' starting page&/li&
&div id="test2" style="width:200 height:200 position: background:# top:80 left:600 border:1z-index:1001;display:" &
border="1"&
&td&名字：&input type="text"/&&/td&
&td&年龄：&input type="text"/&&/td&
&td&性别：&input type="text"/&&/td&
&td&搜狗：&input type="text"/&&/td&
你把这个body粘贴在你的jsp 看看 你在页面控制一下他的css就行了 在外面套一个最大的盒子，更变他的style
<span class="a_vote_num" id="a_vote_num_
在页面定义一个div 设置好间距 初始化的时候 div是display:none，然后在这个div上面做一个div (弹罩层)初始化的时候也是display:none 等到点击某处的时候把两个div设置成display:block
<span class="a_vote_num" id="a_vote_num_
引用来自“李伊子”的评论在页面定义一个div 设置好间距 初始化的时候 div是display:none，然后在这个div上面做一个div (弹罩层)初始化的时候也是display:none 等到点击某处的时候把两个div设置成display:block 引用来自“李伊子”的评论我帮你实现了一下 给你代码
&div align="center" style="filter: alpha(opacity=50);opacity: .5;"&
&li&My JSP 'index.jsp' starting page&/li&
&li&My JSP 'index.jsp' starting page&/li&
&li&My JSP 'index.jsp' starting page&/li&
&li&My JSP 'index.jsp' starting page&/li&
&li&My JSP 'index.jsp' starting page&/li&
&li&My JSP 'index.jsp' starting page&/li&
&li&My JSP 'index.jsp' starting page&/li&
&li&My JSP 'index.jsp' starting page&/li&
&li&My JSP 'index.jsp' starting page&/li&
&li&My JSP 'index.jsp' starting page&/li&
&li&My JSP 'index.jsp' starting page&/li&
&li&My JSP 'index.jsp' starting page&/li&
&li&My JSP 'index.jsp' starting page&/li&
&li&My JSP 'index.jsp' starting page&/li&
&li&My JSP 'index.jsp' starting page&/li&
&li&My JSP 'index.jsp' starting page&/li&
&div id="test2" style="width:200 height:200 position: background:# top:80 left:600 border:1z-index:1001;display:" &
border="1"&
&td&名字：&input type="text"/&&/td&
&td&年龄：&input type="text"/&&/td&
&td&性别：&input type="text"/&&/td&
&td&搜狗：&input type="text"/&&/td&
你把这个body粘贴在你的jsp 看看 你在页面控制一下他的css就行了 在外面套一个最大的盒子，更变他的style
更多开发者职位上
有什么技术问题吗？
三十回头的其它问题
类似的话题　　今天我们想与大家分享一组创意的页面切换熊效果集合。我们已经在示例中罗列了一组动画，可以被应用到页面切换过程中，创造出很有趣的导航效果。虽然有些效果都非常简单，只是简单的滑动动作，但另外的一些则是利用了视角（Perspective）和 3D 转换（3D Transforms）来创造一些立体动感的效果。
　　温馨提示：为保证最佳的效果，请在 IE10+、Chrome、Firefox 和 Safari 等现代浏览器中浏览。
　　CSS 动画根据它们的实现的效果分为不同的组。为展示页面过渡效果，我们使用以下结构：
&div id="pt-main" class="pt-perspective"&
&div class="pt-page pt-page-1"&
&h1&&span&A collection of&/span&&strong&Page&/strong& Transitions&/h1&
&div class="pt-page pt-page-2"&&!-- ... --&&/div&
&!-- ... --&
　　透视容器的位置是相对的，我们增加1200像素透视它。所有动画效果都需要以下的样式：
.pt-perspective {
width: 100%;
height: 100%;
perspective: 1200
transform-style: preserve-3d;
.pt-page {
width: 100%;
height: 100%;
visibility:
backface-visibility:
transform: translate3d(0, 0, 0);
.pt-page-current,
.no-js .pt-page {
visibility:
.no-js body {
.pt-page-ontop {
z-index: 999;
　　上面的 .pt-page-ontop 样式用于某些页面过渡效果，即我们需要让一个页面留在另一个页面的顶部。下面是一个代码例子，展示了动画类和关键帧动画，在不同方向上缩放网页和以及淡入淡出效果：
/* scale and fade */
.pt-page-scaleDown {
animation: scaleDown .7
.pt-page-scaleUp {
animation: scaleUp .7
.pt-page-scaleUpDown {
animation: scaleUpDown .5
.pt-page-scaleDownUp {
animation: scaleDownUp .5
.pt-page-scaleDownCenter {
animation: scaleDownCenter .4s ease-
.pt-page-scaleUpCenter {
animation: scaleUpCenter .4s ease-
/************ keyframes ************/
/* scale and fade */
@keyframes scaleDown {
to { opacity: 0; transform: scale(.8); }
@keyframes scaleUp {
from { opacity: 0; transform: scale(.8); }
@keyframes scaleUpDown {
from { opacity: 0; transform: scale(1.2); }
@keyframes scaleDownUp {
to { opacity: 0; transform: scale(1.2); }
@keyframes scaleDownCenter {
to { opacity: 0; transform: scale(.7); }
@keyframes scaleUpCenter {
from { opacity: 0; transform: scale(.7); }
　　对于本演示的目的，我们采用了相应的动画类应用到当前页以及即将切换进来的页面，例如：
outClass = 'pt-page-scaleDown';
inClass = 'pt-page-moveFromRight pt-page-ontop';
outClass = 'pt-page-scaleDown';
inClass = 'pt-page-moveFromLeft pt-page-ontop';
outClass = 'pt-page-scaleDown';
inClass = 'pt-page-moveFromBottom pt-page-ontop';
　　查看演示，您可以通过点击第一个按钮来浏览一整套的页面切换效果，您也可以选择从下拉菜单中选择一个特定的效果进行预览。
　　我希望你会喜欢这个并从中得到启发，创作出一些更加令人兴奋的东西！
您可能感兴趣的相关文章
本文链接：&via&
编译来源：
本文来自【梦想天空（）】
阅读(...) 评论()| Copyright &
. All Rights Reserved .经检测你所在的网络可能存在爬虫，因资源限制，我们只能拒绝你的请求。
如果你是推酷的用户，可以以继续访问使用。
如有疑问，可将IP信息发送到
请求解封。