JavaScript实现蜘蛛纸牌

  • R8_261356
    了解作者
  • 404.9KB
    文件大小
  • rar
    文件格式
  • 0
    收藏次数
  • VIP专享
    资源类型
  • 0
    下载次数
  • 2022-05-27 04:46
    上传日期
NULL 博文链接:https://kinghigh.iteye.com/blog/551987
zp.rar
  • puKe
  • 1-4.gif
    1.3KB
  • 13-2.gif
    1.9KB
  • 11-1.gif
    2KB
  • 7-2.gif
    1.3KB
  • 12-1.gif
    2KB
  • 4-4.gif
    1.3KB
  • 8-3.gif
    1.4KB
  • 1-3.gif
    1.2KB
  • 7-4.gif
    1.3KB
  • 10-3.gif
    1.5KB
  • 9-2.gif
    1.4KB
  • 11-2.gif
    2KB
  • 5-3.gif
    1.3KB
  • 8-4.gif
    1.4KB
  • 11-3.gif
    2KB
  • 8-2.gif
    1.4KB
  • 13-4.gif
    1.9KB
  • 1-2.gif
    1.2KB
  • 13-1.gif
    2KB
  • 4-3.gif
    1.3KB
  • 5-4.gif
    1.3KB
  • 5-1.gif
    1.3KB
  • 4-2.gif
    1.3KB
  • 2-2.gif
    1.2KB
  • 6-4.gif
    1.3KB
  • 12-2.gif
    2KB
  • 13-3.gif
    2KB
  • 6-2.gif
    1.3KB
  • 10-4.gif
    1.4KB
  • beiJing.png
    366B
  • 10-1.gif
    1.4KB
  • 9-4.gif
    1.4KB
  • 12-3.gif
    2KB
  • 2-4.gif
    1.2KB
  • 7-3.gif
    1.4KB
  • 10-2.gif
    1.4KB
  • 5-2.gif
    1.3KB
  • 3-4.gif
    1.2KB
  • Thumbs.db
    273KB
  • 背景.PNG
    202.4KB
  • 3-1.gif
    1.2KB
  • 8-1.gif
    1.4KB
  • 2-1.gif
    1.2KB
  • 6-1.gif
    1.3KB
  • 9-3.gif
    1.4KB
  • 6-3.gif
    1.3KB
  • 11-4.gif
    1.9KB
  • 3-3.gif
    1.3KB
  • 3-2.gif
    1.2KB
  • by.gif
    1.8KB
  • 2-3.gif
    1.2KB
  • 7-1.gif
    1.3KB
  • 4-1.gif
    1.3KB
  • 1-1.gif
    1.2KB
  • 9-1.gif
    1.4KB
  • 12-4.gif
    2KB
  • zp.html
    6.3KB
内容介绍
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Insert title here</title> </head> <body> </body> <script type="text/javascript"> //张牌中的张 function Zhang(d,s){ //属性 this.dian = d; this.se = s; this.zhengFan = false; this.chuan = null; //如果类中含有HTML对象 那么 一定有一个属性 指向那个HTML对象 this.tuPian = null; //------------------------ var me = this; //------------------------- //功能 //显示 this.xianShi = function(){ //造 改 放 var img = document.createElement("img"); img.src="puKe/by.gif"; img.style.position="absolute"; document.body.appendChild(img); img.onmousedown = function(){ if(Lin.naChuan==null){ if(me.chuan.nengLinMa(me)){ me.chuan.linQi(me); } } return false; } img.onmouseup = function(){ if(Lin.nengFangChuan==null){ me.chuan.move(); } else { Lin.nengFangChuan.fang(); } Lin.clear(); return false; } img.onmousemove = function(){ if(Lin.naChuan==null){ return false; } //能相交吗 for( var i=0;i<10;i++ ){ var chang = Game.chuans[i].zhangs.length; var zhanWeiFu = Game.chuans[i].zhanWeiFu; var cs =( chang==0?zhanWeiFu:Game.chuans[i].zhangs[chang-1].tuPian); if( this.offsetLeft>cs.offsetLeft&&this.offsetLeft<cs.offsetLeft+cs.offsetWidth && this.offsetTop> cs.offsetTop && this.offsetTop<cs.offsetTop+cs.offsetHeight) { if( Game.chuans[i].nengFangMa()){ //alert("neng"); Lin.nengFangChuan=Game.chuans[i]; } return false; } Lin.nengFangChuan=null; } return false; } this.tuPian = img; } //翻牌 this.fanPai = function(){ this.zhengFan=true; this.tuPian.src="puKe/"+this.dian+"-"+this.se+".gif"; } this.move = function(x,y,z){ this.tuPian.style.left=x+"px"; this.tuPian.style.top=y+"px"; this.tuPian.style.zIndex = z; } //显示函数自动运行 } Lin= { zhangs:[], addZhang:function(zhang){ this.zhangs.push(zhang); }, move:function(x,y){ for(var i=0;i<this.zhangs.length;i++){ this.zhangs[i].move(x-30,y-10+i*20,"200"+i); } }, clear:function(){ this.zhangs=[]; this.naChuan=null; this.nengFangChuan=null; } , naChuan:null, nengFangChuan:null } function Chuan(x){ this.x = x; this.zhangs=[]; this.zhanWeiFu = document.createElement("div"); this.addZhang = function(zhang){ this.zhangs.push(zhang); zhang.chuan = this; } this.nengLinMa = function(whichZhang){ if(whichZhang.zhengFan==false){ return false; } for(var i=0;i<this.zhangs.length;i++){ if(this.zhangs[i]==whichZhang){ for(var j=i;j<this.zhangs.length-1;j++){ if(this.zhangs[j].dian-1!=this.zhangs[j+1].dian ||this.zhangs[j].se!=this.zhangs[j+1].se){ //alert((this.zhangs[j].se+" "+this.zhangs[j+1].se)+" "+(this.zhangs[j].dian-1+" "+this.zhangs[j+1].dian)) return false; } } break; } } return true; } this.linQi = function(whichZhang){ for(var i=0;i<this.zhangs.length;i++){ if(this.zhangs[i]==whichZhang){ for(var j=i;j<this.zhangs.length;j++){ Lin.addZhang(this.zhangs[j]); } } } //alert(Lin.zhangs.length) Lin.naChuan = this; } this.move = function(){ for(var i=0;i<this.zhangs.length;i++){ this.zhangs[i].move(this.x,20+i*20,"1"+i); } } this.fanMoZhang = function(){ this.zhangs[this.zhangs.length-1].fanPai(); } this.nengFangMa = function(){ if(this.zhangs.length==0){ return true; } if(this.zhangs[this.zhangs.length-1].se==Lin.zhangs[0].se &&Lin.zhangs[0].dian==this.zhangs[this.zhangs.length-1].dian-1){ //alert("cccc能"); return true; } return false; } this.fang=function(){ //var yuanChuan = Lin.nengFangChuan; for(var i=0;i<Lin.zhangs.length;i++){ this.addZhang(Lin.zhangs[i]); } //alert("fang"+(this.x-20)/100); this.move(); //---------------------------- var yuanChuan = Lin.naChuan; var cd = yuanChuan.zhangs.length-Lin.zhangs.length; while(yuanChuan.zhangs.length>cd){ yuanChuan.zhangs.pop(); } if(yuanChuan.zhangs.length==0){ return ; } yuanChuan.fanMoZhang(); yuanChuan.move(); } this.init = function(){ this.zhanWeiFu.style.border="1px solid white"; this.zhanWeiFu.style.position="absolute"; this.zhanWeiFu.style.left=this.x+"px"; this.zhanWeiFu.style.top="20px"; this.zhanWeiFu.style.width="69px"; this.zhanWeiFu.style.height="94px"; document.body.appendChild(this.zhanWeiFu); } this.init(); } Fu = { zhangs:[], tuPian:null, init:function(){ for(var f=0;f<2;f++){ for(var d=1;d<=13;d++){ for(var s=1;s<=4;s++){ this.zhangs.push(new Zhang(d,s)); } } } }, xiPai:function(){ for(var i=0;i<100;i++){ var xb =parseInt( Math.random()*this.zhangs.length ); var z = this.zhangs.splice(xb,1); this.zhangs.push(z[0]); } }, faPai:function(){ var z = this.zhangs.pop(); z.xianShi(); return z; }, xianShi:function(){ this.tuPian = document.createElement("img"); this.tuPian.src="puKe/by.gif"; this.tuPian.style.position="absolute"; this.tuPian.style.left=20+9*100+"px"; this.tuPian.style.bottom="20px"; document.body.appendChild(this.tuPian); this.tuPian.onclick = function(){ for(var i=0;i<Game.chuans.length;i++){ Game.chuans[i].addZhang(Fu.faPai()); Game.chuans[i].fanMoZhang(); Game.chuans[i].move(); if(Fu.zhangs.length==0){ this.parentNode.removeChild(this); return ; } } } } } Game={}; Game.chuans=[]; Game.init = function(){ document.body.style.backgroundImage="url(puKe/beiJing.png)"; Fu.init(); Fu.xiPai(); Fu.xianShi(); for(var i=0;i<10;i++){ this.chuans[i]=new Chuan(20+i*100); for(var g =0;g<5;g++){ this.chuans[i].addZhang( Fu.faPai() ); } this.chuans[i].move(); this.chuans[i].fanMoZhang(); } } Game.event=function(){ document.onmousemove = function(e){ e=e||event; if(Lin.naChuan!=null){ Lin.move(e.clientX,e.clientY); } return false; } } Game.init(); Game.event(); </script> </html>
评论
    相关推荐
    • nodejs http-server开启https的证书
      https证书文件,nodejs http-server开启https的证书,可以直接在本地启动https的协议,方便部署和使用。
    • http https 切换
      http https切换代码,能够实现网站在传输信息的过程中不易遭人盗取
    • Http2Https-crx插件
      将书签中的http转换为https 害怕用https书签替换旧的http书签? 随着许多网站迁移到https,旧的http书签使星标图像为空。 搜索并转换为https! ****************************************************** ***********...
    • levelweb:通过 httphttps 的 LevelDB
      Leveldb 通过httphttps 。 用法 var http = require ( 'http' ) ; var levelweb = require ( 'levelweb' ) ; var db = require ( 'level' ) ( './db' ) ; var opts = { prefix : '/' } ; // // like this... // ...
    • LocomotiveCMS https to http-crx插件
      语言:English 将登录网址从https替换为http以进行开发 此扩展程序供使用机车cms开发应用程序时供个人使用。 为了易于在开发模式下使用,此扩展程序将https登录网址替换为http
    • timed-out:超时HTTPHTTPS请求
      超时HTTP / HTTPS请求 ESOCKETTIMEDOUT ClientRequest时,发出错误code属性等于ETIMEDOUT或ESOCKETTIMEDOUT错误对象。 用法 import http from 'node:http' ; import timedOut from 'timed-out' ; const request = ...
    • http:https的镜像
      框架HTTP
    • https镜像
      scp镜 SCP基金会部分界面https //
    • CookieIsolator:分离 HTTPHTTPS cookie
      松散隔离:HTTP cookie 只能在 HTTP 通道中发送,而 HTTPS cookie 可以在 HTTP(不带安全标志)和 HTTPS 通道中发送。 严格隔离:HTTP cookie 和 HTTPS cookie 只能分别在 HTTPHTTPS 通道中发送。 Ext Secure...
    • https协议
      NULL 博文链接:https://willwen.iteye.com/blog/1988199