更多频道内容在这里查看
爱奇艺用户将能永久保存播放记录
过滤短视频
暂无长视频（电视剧、纪录片、动漫、综艺、电影）播放记录，
使用您的微博帐号登录，即刻尊享微博用户专属服务。
使用您的QQ帐号登录，即刻尊享QQ用户专属服务。
使用您的人人帐号登录，即刻尊享人人用户专属服务。
按住视频可进行拖动
把视频贴到Blog或BBS
当前浏览器仅支持手动复制代码
视频地址：
flash地址：
html代码：
通用代码：
通用代码可同时支持电脑和移动设备的分享播放
收藏成功，可进入查看所有收藏列表
方式1：用手机看
用爱奇艺APP或微信扫一扫，在手机上继续观看：
天天爱消除754关
方式2：一键下载至手机
限爱奇艺安卓6.0以上版本
使用微信扫一扫，扫描左侧二维码，下载爱奇艺移动APP
其他安装方式：手机浏览器输入短链接http://71.am/udn
下载安装包到本机：&&
设备搜寻中...
请确保您要连接的设备（仅限安卓）登录了同一爱奇艺账号 且安装并开启不低于V6.0以上版本的爱奇艺客户端
连接失败！
请确保您要连接的设备（仅限安卓）登录了同一爱奇艺账号 且安装并开启不低于V6.0以上版本的爱奇艺客户端
部安卓（Android）设备，请点击进行选择
请您在手机端下载爱奇艺移动APP（仅支持安卓客户端）
使用微信扫一扫，下载爱奇艺移动APP
其他安装方式：手机浏览器输入短链接http://71.am/udn
下载安装包到本机：&&
爱奇艺云推送
请您在手机端登录爱奇艺移动APP（仅支持安卓客户端）
使用微信扫一扫，下载爱奇艺移动APP
180秒后更新
打开爱奇艺移动APP，点击“我的-扫一扫”，扫描左侧二维码进行登录
没有安装爱奇艺视频最新客户端？
爸爸去哪儿2游戏 立即参与
天天爱消除754关
播放量数据：
6,297人已订阅
你可能还想订阅他们：
{{#needAdBadge}} 广告{{/needAdBadge}}
&正在加载...
您使用浏览器不支持直接复制的功能，建议您使用Ctrl+C或右键全选进行地址复制
安装爱奇艺视频客户端，
马上开始为您下载本片
5秒后自动消失
&li data-elem="tabtitle" data-seq="{{seq}}"& &a href="javascript:void(0);"& &span>{{start}}-{{end}}&/span& &/a& &/li&
&li data-downloadSelect-elem="item" data-downloadSelect-selected="false" data-downloadSelect-tvid="{{tvid}}"& &a href="javascript:void(0);"&{{pd}}&/a&
选择您要下载的《
色情低俗内容
血腥暴力内容
广告或欺诈内容
侵犯了我的权力
还可以输入
您使用浏览器不支持直接复制的功能，建议您使用Ctrl+C或右键全选进行地址复制更多频道内容在这里查看
爱奇艺用户将能永久保存播放记录
过滤短视频
暂无长视频（电视剧、纪录片、动漫、综艺、电影）播放记录，
使用您的微博帐号登录，即刻尊享微博用户专属服务。
使用您的QQ帐号登录，即刻尊享QQ用户专属服务。
使用您的人人帐号登录，即刻尊享人人用户专属服务。
按住视频可进行拖动
把视频贴到Blog或BBS
当前浏览器仅支持手动复制代码
视频地址：
flash地址：
html代码：
通用代码：
通用代码可同时支持电脑和移动设备的分享播放
收藏成功，可进入查看所有收藏列表
方式1：用手机看
用爱奇艺APP或微信扫一扫，在手机上继续观看：
天天爱消除刷分技巧-高分是怎样刷出来的？
方式2：一键下载至手机
限爱奇艺安卓6.0以上版本
使用微信扫一扫，扫描左侧二维码，下载爱奇艺移动APP
其他安装方式：手机浏览器输入短链接http://71.am/udn
下载安装包到本机：&&
设备搜寻中...
请确保您要连接的设备（仅限安卓）登录了同一爱奇艺账号 且安装并开启不低于V6.0以上版本的爱奇艺客户端
连接失败！
请确保您要连接的设备（仅限安卓）登录了同一爱奇艺账号 且安装并开启不低于V6.0以上版本的爱奇艺客户端
部安卓（Android）设备，请点击进行选择
请您在手机端下载爱奇艺移动APP（仅支持安卓客户端）
使用微信扫一扫，下载爱奇艺移动APP
其他安装方式：手机浏览器输入短链接http://71.am/udn
下载安装包到本机：&&
爱奇艺云推送
请您在手机端登录爱奇艺移动APP（仅支持安卓客户端）
使用微信扫一扫，下载爱奇艺移动APP
180秒后更新
打开爱奇艺移动APP，点击“我的-扫一扫”，扫描左侧二维码进行登录
没有安装爱奇艺视频最新客户端？
爸爸去哪儿2游戏 立即参与
天天爱消除刷分技巧-高分是怎样刷出来的？
播放量数据：
3,078人已订阅
你可能还想订阅他们：
{{#needAdBadge}} 广告{{/needAdBadge}}
&正在加载...
您使用浏览器不支持直接复制的功能，建议您使用Ctrl+C或右键全选进行地址复制
安装爱奇艺视频客户端，
马上开始为您下载本片
5秒后自动消失
&li data-elem="tabtitle" data-seq="{{seq}}"& &a href="javascript:void(0);"& &span>{{start}}-{{end}}&/span& &/a& &/li&
&li data-downloadSelect-elem="item" data-downloadSelect-selected="false" data-downloadSelect-tvid="{{tvid}}"& &a href="javascript:void(0);"&{{pd}}&/a&
选择您要下载的《
色情低俗内容
血腥暴力内容
广告或欺诈内容
侵犯了我的权力
还可以输入
您使用浏览器不支持直接复制的功能，建议您使用Ctrl+C或右键全选进行地址复制今天分享一枚小demo：《天天爱消除游戏》，我想大家对这个游戏不陌生吧！？近期挺火的一款手游妙味的讲师也很喜欢玩这款游戏 ，课余时间就写了个简易版天天的爱消除，除了PC端以外，试试在iPad、iPhone上玩吧~涉及知识点：JS、HTML5;游戏截图：CSS:*{ margin:0; padding:0;}#ul1{ position: margin:20 background:#1b1f2b; overflow:}#ul1 li{ list-style:}body { text-align:}#input1 { width:490 height:50 border: font-size:20 position: top:10 border-radius: 12px 12px 0 0; box-shadow: 0px 3px 1px 1px #d1aca2;background: -webkit-linear-gradient(top,#fae0e1,#e8c4c2);background: -moz-linear-gradient(top,#fae0e1,#e8c4c2);background: linear-gradient(top,#fae0e1,#e8c4c2); color:# }#sty1 .box0{ width:70 height:70 background:url(img/1.jpg) no- float:}#sty1 .box1{ width:70 height:70 background:url(img/2.jpg) no- float:}#sty1 .box2{ width:70 height:70 background:url(img/3.jpg) no- float:}#sty1 .box3{ width:70 height:70 background:url(img/4.jpg) no- float:}#sty1 .box4{ width:70 height:70 background:url(img/5.jpg) no- float:}#sty1 .box5{ width:70 height:70 background:url(img/6.jpg) no- float:}#sty2 .box0{ width:70 height:70 background:url(img/d.jpg) no- float:}#sty2 .box1{ width:70 height:70 background:url(img/l.jpg) no- float:}#sty2 .box2{ width:70 height:70 background:url(img/m.jpg) no- float:}#sty2 .box3{ width:70 height:70 background:url(img/w.jpg) no- float:}#sty2 .box4{ width:70 height:70 background:url(img/y.jpg) no- float:}#sty2 .box5{ width:70 height:70 background:url(img/z.jpg) no- float:}JSdocument.ontouchmove = function(ev){ ev.preventDefault(); };$(function(){
var bBtn =
$('#input1').click(function(){ if(bBtn){ $(this).val('点击切换到爱消除版'); $('body').attr('id','sty2'); $('#ul1').css('background','#fff'); } else{ $(this).val('点击切换教师节版'); $('body').attr('id','sty1'); $('#ul1').css('background','#1b1f2b'); } bBtn = !bB });
var Game = { colNum : 7, wH : 70, timeBtn : true, dir : 0, dirThis : null, init : function(){ this.oUl = $('#ul1'); this.addSound(); this.createMap();
}, createMap : function(){
this.oUl.css({width : this.colNum*this.wH , height : this.colNum*this.wH}); var numX = 0; var numY = 0;
for(var i=0;i&Math.pow(this.colNum,2);i++){ var oLi = $('&li&'); oLi.attr('class','box'+ Math.floor(Math.random()*6));
oLi.data({x : numX , y : numY});
if( numX == this.colNum ){
this.oUl.append( oLi ); }
this.positionShow();
this.removeShow();
this.bindTouch();
}, positionShow : function(){
this.aLi = this.oUl[0].getElementsByTagName('li');
var arr = []; $(this.aLi).each(function(i,elem){ arr.push( [ elem.offsetLeft , elem.offsetTop ] ); }); $(this.aLi).each(function(i,elem){ $(elem).css({position : 'absolute',left : arr[i][0] , top : arr[i][1]});
this.arr =
}, bindTouch : function(){
var startX = 0; var startY = 0; var This = var izIndex = 2; var startThis =
this.oUl.delegate('li','touchstart mousedown',function(event){
var data = event.originalEvent.changedTouches ? event.originalEvent.changedTouches[ 0 ] :
startX = data.clientX;
startY = data.clientY;
startThis = });
this.oUl.delegate('li','touchend mouseup',function(event){
var data = event.originalEvent.changedTouches ? event.originalEvent.changedTouches[ 0 ] :
if(This.timeBtn && ( Math.abs(startX - data.clientX)&10 || Math.abs(startY - data.clientY) & 10 )){
$(startThis).css('zIndex',izIndex++);
if( Math.abs(startX - data.clientX) & Math.abs(startY - data.clientY) ){// 左右
if(startX & data.clientX){ //→
if( $(startThis).data('x') != This.colNum-1 ){
This.dir = 1;
var index = $(startThis).data('x')+1 + $(startThis).data('y')*This.colN
var nextLi = $(This.oUl).find('li').eq(index);
$(startThis).insertAfter( nextLi );
$(startThis).animate({left : This.arr[index][0]},300);
nextLi.animate({left : This.arr[index-1][0]},300);
$(startThis).data('x',$(startThis).data('x')+1);
nextLi.data('x',nextLi.data('x')-1);
This.dirThis = nextLi;
else{ //←
if( $(startThis).data('x') != 0 ){
This.dir = 2;
var index = $(startThis).data('x')-1 + $(startThis).data('y')*This.colN
var prevLi = $(This.oUl).find('li').eq(index);
$(startThis).insertBefore( prevLi );
$(startThis).animate({left : This.arr[index][0]},300);
prevLi.animate({left : This.arr[index+1][0]},300);
$(startThis).data('x',$(startThis).data('x')-1);
prevLi.data('x',prevLi.data('x')+1);
This.dirThis = prevLi;
} } else{ //上下
if(startY & data.clientY){ //↓
if( $(startThis).data('y') != This.colNum-1 ){
This.dir = 3;
var index = $(startThis).data('x') + ($(startThis).data('y')+1)*This.colN
var downLi = $(This.oUl).find('li').eq(index);
var prevThis = $(startThis).prev();
$(startThis).insertAfter( downLi );
downLi.insertAfter( prevThis );
$(startThis).animate({top : This.arr[index][1]},300);
downLi.animate({top : This.arr[index-This.colNum][1]},300);
$(startThis).data('y',$(startThis).data('y')+1);
downLi.data('y',downLi.data('y')-1);
This.dirThis = downLi;
else{ //↑
if( $(startThis).data('y') != 0 ){
This.dir = 4;
var index = $(startThis).data('x') + ($(startThis).data('y')-1)*This.colN
var upLi = $(This.oUl).find('li').eq(index);
var prevThis = $(startThis).prev();
$(startThis).insertAfter( upLi );
upLi.insertAfter( prevThis );
$(startThis).animate({top : This.arr[index][1]},300);
upLi.animate({top : This.arr[index+This.colNum][1]},300);
$(startThis).data('y',$(startThis).data('y')-1);
upLi.data('y',upLi.data('y')+1);
This.dirThis = upLi;
This.oA.src = 'sound/b.mp3';
This.oA.play();
This.removeShow(); }
}); }, removeShow : function(){
var arr = []; var This =
function addArr(aLi){
var prevLi = aLi[0]; var iNum = 0;
for(var i=0;i&aLi.i++){
if( aLi[i].className == prevLi.className && i%7!=0 ){
if(iNum &= 2){
for(var j=0;j&=iNj++){
arr.unshift( aLi[(i-1)-j] );
prevLi = aLi[i];
if(iNum &= 2){
for(var j=0;j&=iNj++){
arr.unshift( aLi[(i-1)-j] );
addArr(this.aLi); addArr(this.xyChange(this.aLi));
for(var i=0;i&arr.i++){
for(var j=0;j&this.aLi.j++){
if( arr[i] == this.aLi[j] ){
this.aLi[j].bBtn =
var removeNum = 0; var removeY = []; var changeArr = [];
for(var i=0;i&this.aLi.i++){ if( this.aLi[i].bBtn ){
removeNum++;
removeY.push( this.aLi[i] ); } }
if(removeY.length){ this.timeBtn = this.dir = 0; } else{ this.toReset(); }
for(var i=0;i&removeY.i++){ for(var j=0;j&this.arrY[ $(removeY[i]).data('x') ].j++ ){
if( removeY[i] == this.arrY[ $(removeY[i]).data('x') ][j] ){
this.arrY[ $(removeY[i]).data('x') ].iNum++;
this.arrY[ $(removeY[i]).data('x') ].splice(j,1);
this.arrY[ $(removeY[i]).data('x') ].unshift( this.oneLi( $(removeY[i]).data('x') , this.arrY[ $(removeY[i]).data('x') ].iNum ) );
for(var i=0;i&this.colNi++){ changeArr = changeArr.concat( this.arrY[i] ); }
var c = this.xyChange( changeArr ); var removeYnum = 0;
for(var i=0;i&removeY.i++){
$(removeY[i]).animate({opacity:0},function(){
$(this).remove();
removeYnum++;
if(removeYnum == removeY.length){
for(var i=0;i&c.i++){
This.oUl.append( c[i] );
var numX = 0;
var numY = 0;
for(var i=0;i&This.aLi.i++){
$(This.aLi).eq(i).data({x : numX , y : numY});
if( numX == This.colNum ){
This.movePos();
}, xyChange : function(aLi){
var arr = []; var This = this.arrY = {}; iNum = 0;
for(var i=0;i&this.colNi++){ this.arrY[i] = []; this.arrY[i].iNum = 0; }
(function(){
if(iNum==This.colNum){ }
for(var i=0;i&aLi.i++){
if(i%This.colNum == iNum){
arr.push( aLi[i] );
This.arrY[iNum].push( aLi[i] );
} } iNum++; arguments.callee();
}, oneLi : function(x,iNum){
var oLi = $('&li&'); oLi.attr('class','box'+ Math.floor(Math.random()*6)); oLi.css({ position : 'absolute' , left : x*this.wH , top : -iNum*this.wH }); this.oUl.append( oLi );
return oLi.get(0);
}, movePos : function(){
var bBtn = var This =
for(var i=0;i&this.aLi.i++){ $(this.aLi[i]).animate({top : this.arr[i][1] },function(){
This.timeBtn =
This.removeShow();
This.oA.src = 'sound/a.mp3';
This.oA.play();
}, toReset : function(){
switch(this.dir){ case 1:
var index = $(this.dirThis).data('x')+1 + $(this.dirThis).data('y')*this.colN
var nextLi = $(this.oUl).find('li').eq(index);
$(this.dirThis).insertAfter( nextLi );
$(this.dirThis).animate({left : this.arr[index][0]},300);
nextLi.animate({left : this.arr[index-1][0]},300);
$(this.dirThis).data('x',$(this.dirThis).data('x')+1);
nextLi.data('x',nextLi.data('x')-1); case 2:
var index = $(this.dirThis).data('x')-1 + $(this.dirThis).data('y')*this.colN
var prevLi = $(this.oUl).find('li').eq(index);
$(this.dirThis).insertBefore( prevLi );
$(this.dirThis).animate({left : this.arr[index][0]},300);
prevLi.animate({left : this.arr[index+1][0]},300);
$(this.dirThis).data('x',$(this.dirThis).data('x')-1);
prevLi.data('x',prevLi.data('x')+1); case 3:
var index = $(this.dirThis).data('x') + ($(this.dirThis).data('y')+1)*this.colN
var downLi = $(this.oUl).find('li').eq(index);
var prevThis = $(this.dirThis).prev();
$(this.dirThis).insertAfter( downLi );
downLi.insertAfter( prevThis );
$(this.dirThis).animate({top : this.arr[index][1]},300);
downLi.animate({top : this.arr[index-this.colNum][1]},300);
$(this.dirThis).data('y',$(this.dirThis).data('y')+1);
downLi.data('y',downLi.data('y')-1); case 4:
var index = $(this.dirThis).data('x') + ($(this.dirThis).data('y')-1)*this.colN
var upLi = $(this.oUl).find('li').eq(index);
var prevThis = $(this.dirThis).prev();
$(this.dirThis).insertAfter( upLi );
upLi.insertAfter( prevThis );
$(this.dirThis).animate({top : this.arr[index][1]},300);
upLi.animate({top : this.arr[index+this.colNum][1]},300);
$(this.dirThis).data('y',$(this.dirThis).data('y')-1);
upLi.data('y',upLi.data('y')+1); }
}, addSound : function(){
this.oA = document.createElement('audio'); document.body.appendChild( this.oA );
}; Game.init(); });HTML&input type="button" value="点击切换到教师节版" id="input1" /&&ul id="ul1"&&/ul&当然啦，千万别忘记载入jQuery&script src="/jquery-1.9.1.min.js"&&/script&
最新教程周点击榜
微信扫一扫更多频道内容在这里查看
爱奇艺用户将能永久保存播放记录
过滤短视频
暂无长视频（电视剧、纪录片、动漫、综艺、电影）播放记录，
使用您的微博帐号登录，即刻尊享微博用户专属服务。
使用您的QQ帐号登录，即刻尊享QQ用户专属服务。
使用您的人人帐号登录，即刻尊享人人用户专属服务。
按住视频可进行拖动
把视频贴到Blog或BBS
当前浏览器仅支持手动复制代码
视频地址：
flash地址：
html代码：
通用代码：
通用代码可同时支持电脑和移动设备的分享播放
收藏成功，可进入查看所有收藏列表
方式1：用手机看
用爱奇艺APP或微信扫一扫，在手机上继续观看：
天天爱消除高分技巧-高分是怎样出来的
方式2：一键下载至手机
限爱奇艺安卓6.0以上版本
使用微信扫一扫，扫描左侧二维码，下载爱奇艺移动APP
其他安装方式：手机浏览器输入短链接http://71.am/udn
下载安装包到本机：&&
设备搜寻中...
请确保您要连接的设备（仅限安卓）登录了同一爱奇艺账号 且安装并开启不低于V6.0以上版本的爱奇艺客户端
连接失败！
请确保您要连接的设备（仅限安卓）登录了同一爱奇艺账号 且安装并开启不低于V6.0以上版本的爱奇艺客户端
部安卓（Android）设备，请点击进行选择
请您在手机端下载爱奇艺移动APP（仅支持安卓客户端）
使用微信扫一扫，下载爱奇艺移动APP
其他安装方式：手机浏览器输入短链接http://71.am/udn
下载安装包到本机：&&
爱奇艺云推送
请您在手机端登录爱奇艺移动APP（仅支持安卓客户端）
使用微信扫一扫，下载爱奇艺移动APP
180秒后更新
打开爱奇艺移动APP，点击“我的-扫一扫”，扫描左侧二维码进行登录
没有安装爱奇艺视频最新客户端？
爸爸去哪儿2游戏 立即参与
天天爱消除高分技巧-高分是怎样出来的
播放量数据：
902人已订阅
你可能还想订阅他们：
{{#needAdBadge}} 广告{{/needAdBadge}}
&正在加载...
您使用浏览器不支持直接复制的功能，建议您使用Ctrl+C或右键全选进行地址复制
安装爱奇艺视频客户端，
马上开始为您下载本片
5秒后自动消失
&li data-elem="tabtitle" data-seq="{{seq}}"& &a href="javascript:void(0);"& &span>{{start}}-{{end}}&/span& &/a& &/li&
&li data-downloadSelect-elem="item" data-downloadSelect-selected="false" data-downloadSelect-tvid="{{tvid}}"& &a href="javascript:void(0);"&{{pd}}&/a&
选择您要下载的《
色情低俗内容
血腥暴力内容
广告或欺诈内容
侵犯了我的权力
还可以输入
您使用浏览器不支持直接复制的功能，建议您使用Ctrl+C或右键全选进行地址复制}