jQuery怎樣實(shí)現(xiàn)掃雷

1）jquery.tableGen.js，這段js的作用是產(chǎn)生一個(gè)表格，表格中顯示數(shù)字和雷區(qū)，調(diào)用的方法很簡(jiǎn)單，如下:

西和網(wǎng)站建設(shè)公司成都創(chuàng)新互聯(lián)公司,西和網(wǎng)站設(shè)計(jì)制作，有大型網(wǎng)站制作公司豐富經(jīng)驗(yàn)。已為西和成百上千提供企業(yè)網(wǎng)站建設(shè)服務(wù)。企業(yè)網(wǎng)站搭建\成都外貿(mào)網(wǎng)站建設(shè)公司要多少錢(qián)，請(qǐng)找那個(gè)售后服務(wù)好的西和做網(wǎng)站的公司定做！

var options ={

rows:5,

cols:5,

percent:0.1

};

$("table").tableGen(options); ?

思路是：根據(jù)table的單元格的數(shù)目隨機(jī)產(chǎn)生percent的雷，并填充td。然后遍歷所有的td，查找周?chē)椎膫€(gè)數(shù)來(lái)填充單元格的數(shù)字

[javascript]?view plain?copy

var?neigUp?=?new?Array();

var?neig?=?new?Array();

var?neigDw?=?new?Array();

var?cols,rows;

var?table,tds;

var?colors?=["black","blue","red","orange","yellow","green","black","black"]; ? var?mineNum?;

function($){

var?randoms?=?function(max,percent){

//?General?digital?between?0?and?max?num?times

if(!max)max?=100;

if(!percent)?percent?=0.1;

num?=?max*percent;

var?i=0;

var?arr?=?new?Array();

while(inum)???arr[i++]=Math.floor(Math.random()*max);

return?arr;

}

$.fn.tableGen?=?function(options){

var?setting?=?$.extend({

rows:10,

cols:10,

percent:0.1

},options?||?{}

);

rows?=?setting.rows;

cols?=?setting.cols;

neigUp?=?[-(cols+1),-cols,-(cols-1)];

neig?=[-1,1];

neigDw?=[cols-1,cols,cols+1]; ?

var?str?=?"";

for(var?j=0;jsetting.rows;j++){

str+="tr";

for(var?i=0;isetting.cols;i++){

str+="td"+i+"/td";

}

str+="/tr";

}

this.empty();

this.append(str);

$("td",this).addClass("org");???????//?orginal?color

//fill

var?arr?=?randoms(setting.rows*setting.cols,setting.percent);

tds?=?$("td",this);

mineNum?=?arr.length;

for(var?i=0;iarr.length;i++){

$(tds[arr[i]]).addClass("mine").html("span"+"*"+"/span").find("span").css("opacity",0);

}

//?add?tips?number?to?regular?cells

var?$this?=this;

tds.each(function(i){

if($(this).text()?==?"*")?return;

var?cnt?=?0;

var?seq?=?i;

for(var?i=0;ineig.length;i++){

var?p?=?neig[i]+seq;

if(tds[p]Math.floor(p/cols)?==?Math.floor(seq/cols)??$(tds[p]).text()?==?"*")?cnt++;

}

for(var?i=0;ineigUp.length;i++){

var?p?=?neigUp[i]+seq;

if(tds[p]Math.floor(p/cols)+1?==?Math.floor(seq/cols?)?$(tds[p]).text()?==?"*")?cnt++;

}

for(var?i=0;ineigDw.length;i++){

var?p?=?neigDw[i]+seq;

if(tds[p]Math.floor(p/cols)-1?==?Math.floor(seq/cols)??$(tds[p]).text()?==?"*")?cnt++;

}

if(!cnt)????{?cnt?=?"";?colors[""]="";}

$(this).html("span"+cnt+"/span").css("color",colors[cnt]).find("span").css("opacity",0);

});

tds.addClass("mark");

}?//?tableGen?Fn?end

)(jQuery);

2）jquery.fill.js。這段代碼的作用是定義點(diǎn)擊事件，每次點(diǎn)擊根據(jù)點(diǎn)擊的內(nèi)容來(lái)顯示周?chē)膮^(qū)域或者提示成功失敗

[javascript]?view plain?copy

(function($){

neig?=[-1,1];

neigDw?=[cols];

neigUp?=?[-cols];

var?recover?=function(td,table){

if(!td)???????return;

if(!td.attr)??td?=?$(td);

if(!td.hasClass("mark")){

return;

}

if(td.text()?==?""){

td.removeClass("mark").find("span").css("opacity",1);

}

else?if(td.text()?!="*"){

td.removeClass("mark").find("span").css("opacity",1);

return;

}

else?if(td.text()?==?"*"){

return;

}

var?seq?=?td.index("td",table);

tds?=?table.filter("td");

/*----------------------------*/

for(var?i=0;ineig.length;i++){

var?p?=?neig[i]+seq;

if(tds[p]Math.floor(p/cols)?==?Math.floor(seq/cols)??$(tds[p]).text()?!=?"*")?{

recover($(tds[p]),table);

}

}

for(var?i=0;ineigUp.length;i++){

var?p?=?neigUp[i]+seq;

if(tds[p]Math.floor(p/cols)+1?==?Math.floor(seq/cols?)?$(tds[p]).text()?!=?"*")?{

recover($(tds[p]),table);

}

}

for(var?i=0;ineigDw.length;i++){

var?p?=?neigDw[i]+seq;

if(tds[p]Math.floor(p/cols)-1?==?Math.floor(seq/cols)??$(tds[p]).text()?!=?"*")?{

recover($(tds[p]),table);

}

}

}

$.fn.fill?=?function(){

table?=?$(this);

tds?=$("td",table);

var?mineCnt?=?0;

tds.click(function(event){

if($(this).text()?!=?"*"){

if(event.altKey){

tds.removeClass("mark").find("span").css("opacity",1);

var?rs?=?confirm("No?Bomb?here?!Bad?Luck,Try?Again?");

if(rs){

table.tableGen(options).fill();

}

return;

}

}

if($(this).text()?==?"*"){

$(this).removeClass("mark").find("span").css("opacity",1);

var?event?=?event?||?window.event;

if(event.altKey){

mineCnt++;

if(mineCnt?==?mineNum){

var?rs?=?confirm("congratulations!Try?Again?");

if(rs){

table.tableGen(options).fill();

}

return;

}

return;

}

//?Game?over

tds.removeClass("mark").find("span").css("opacity",1);

var?rs?=?confirm("Bomb!Bad?Luck,Try?Again?");

if(rs){

table.tableGen(options);

table.fill();

}

}

else?if($(this).text()?!="*"??$(this).text()?!=""){

$(this).removeClass("mark").find("span").css("opacity",1);

}

else

recover($(this),tds);

});

};

})(jQuery);

[html]?view plain?copy

!--?!DOCTYPE?html?PUBLIC?"-//W3C//DTD?XHTML?1.0?Strict//EN"?""

head

script?type="text/javascript"?src="jquery.js"/script

script?type="text/javascript"?src="jquery.table.js"/script

script?type="text/javascript"?src="jquery.fill.js"/script

titleMine/title

style?type="text/css"

table{

table-layout:?fixed;

}

.org?{

border:1px?solid?black;

background-color:white;

overflow:?hidden;

width:?10px;

height:10px;

}

.mine{

}

.mark{

background-color:?orange;

}

.flag{

background:?url(flag.png);

background-color:?blue;

}

/style

/head

body

h3Mine?Game/h3

table?colspan='4'

/table

script?type="text/javascript"?

var?options?={

rows:5,

cols:5,

percent:0.1

};

$("table").tableGen(options);

$("table").fill();

/script

/body

/html?--

h5 js或者jquery實(shí)現(xiàn)二維碼掃描功能 求demo

首先，掃描二維碼需要調(diào)用手機(jī)攝像頭，而網(wǎng)頁(yè)本身是沒(méi)法直接驅(qū)動(dòng)硬件的；

SO：以Android為例：你可以用JS通過(guò)WebView調(diào)用Java方法，Java方法里面去寫(xiě)調(diào)用攝像頭掃碼二維碼事件，將掃描結(jié)果在通過(guò)webview回傳。

如何設(shè)置jquery.qrcode掃描二維碼跳轉(zhuǎn)頁(yè)面

：首先下載jquery.qrcode插件 新建一個(gè)包括了jquery和jquery.qrcode的頁(yè)面 調(diào)用qrcode插件 $('#qrcode').qrcode(""); //任意字符串 瀏覽器中時(shí)如下結(jié)果，默認(rèn)情況下qrcode生成的是canvas圖片，這樣效率高

網(wǎng)站題目：jqueRy掃,jquery掃碼
網(wǎng)頁(yè)URL：http://www.rwnh.cn/article46/dscojeg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供品牌網(wǎng)站建設(shè)、移動(dòng)網(wǎng)站建設(shè)、外貿(mào)建站、小程序開(kāi)發(fā)、企業(yè)網(wǎng)站制作、企業(yè)建站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)