javascript扑克,JavaScript扑克牌正反面翻转

HTML或JS想随机输出3张图，应该怎么操作（附上代码）请教大神们哪里出错了？

!DOCTYPE html

网站设计、成都做网站介绍好的网站是理念、设计和技术的结合。创新互联建站拥有的网站设计理念、多方位的设计风格、经验丰富的设计团队。提供PC端+手机端网站建设，用营销思维进行网站设计、采用先进技术开源代码、注重用户体验与SEO基础，将技术与创意整合到网站之中，以契合客户的方式做到创意性的视觉化效果。

html

head

meta charset="UTF-8"

title/title

script type="text/javascript"

function display() {

var b = ["img/0_1.svg", "img/0_2.svg", "img/0_3.svg", "img/0_4.svg", "img/0_5.svg", "img/0_6.svg", "img/0_7.svg", "img/0_8.svg", "img/0_9.svg", "img/0_10.svg"];

var cloned = [];

var count = 3;

for (var i = 0; i count; i++) {

var rand = Math.floor(Math.random() * b.length);

cloned.push(b[rand]);

b.splice(rand,1);

}

x.innerHTML = "您的扑克牌:" + cloned.join(" ");

};

onload = function() {

display();

};

/script

/head

body

div id="x"sdfsdf/div

/body

/html

网页实现点击图片后图片消失显示文字

给你实现思路：

扑克翻页效果的原理在于利用眼睛观察物体的错觉，扑克翻页效果分解为两个步骤：

按扑克中轴线，以固定速率将img的width逐步变为0，这样扑克将消失；

动态替换img为扑克反面，以同样速率将img的width由0变为原宽度，完成翻页。

关键代码：

div id="divad1" class="poker" style="text-align: center;"

a onclick＝"javascript:flipPoker()" href="#"img src="front.jpg" id="picad1" height="200" border="0" style="width: 200px; display: inline-block;"/a/div

给这个div内的img元素绑定函数flipPoker

function flipPoker( ){

var tar = $('#picad1');

var origin = tar.attr('src');

var back = "back.jpg" //扑克背面图片名称

//以中轴线渐变将图片隐藏,并瞬间替换img图片内容

tar.animate({width:'0px'},"fast",function(){tar.attr('src',origin);});

//立即渐变还原图片width

tar.animate({width:'200px'},"fast");

}

＝＝＝＝＝＝＝＝＝＝＝＝＝

上述代码用到了jQuery1.8.3 的animate函数

html代码里的样式"text-align:center"很关键，没有这个样式，图片将会自左向右渐变，加了样式之后就是按中轴线渐变了

如果还不行就参考这个页面的代码：

如何用javascript生成52张扑克

先在页面里放52张牌，然后隐藏它们。

再用JS使你单击屏幕的时候，52张牌就一起显示出来。

如何用纯js代码面向对象写个简单的21点游戏

1，html写好界面，定义好class和id

2，为了模拟出扑克牌21点游戏，应先定义卡牌池中有1-10，J,Q,K每个数字和字母分别有4个

3，js中实现界面交互，如点击开始按钮，随机从卡牌池中抽取一个数字或字母存入临时变量a，并附于点数之和num其相应的点数

4，点击抽牌按钮随机从卡牌池剩余的卡牌中抽取，对应的卡牌存入变量a中，点数之和num=num+本次抽卡的点数

5，当num21时提示玩家爆点，小于21点时可选按钮抽牌，等于21点时提示恭喜之类的话，如果点击完成抽牌则记录此玩家点数

6，同理可扩充玩家至2,3,4....个，原理相同，不同玩家存储对应的变量就可以了，最终通过所有=21点的玩家num,num1,num2来判断输赢

7，同理可设置庄家，庄家在与其他玩家点数相同时赢得对方

8，在此基础上就能增添许多功能了，比如每个玩家默认100金币，有底注，每轮开始的时候可加注，如玩家不跟则底注输掉无法参加游戏，等等之类的各种规则随便发挥

javascript随机显示图片

str没定义其实没必要这样写，修改如下：

body

script

function display(){

var a=document.getElementById("x");

var b = new Array(10);

b[0]="img src='image/pai52.jpg' id='a'/";

b[1]="img src='image/pai51.jpg' id='b'/";

b[2]="img src='image/pai5.jpg' id='c'/";

b[3]="img src='image/pai45.jpg' id='d'/";

b[4]="img src='image/pai40.jpg' id='e'/";

b[5]="img src='image/pai36.jpg' id='f'/";

b[6]="img src='image/pai34.jpg' id='g'/";

b[7]="img src='image/pai31.jpg' id='h'/";

b[8]="img src='image/pai27.jpg' id='i'/";

b[9]="img src='image/pai19.jpg' id='j'/";

var c = Math.floor(Math.random()*10);

a.innerHTML="YOU:" +b[c];

}

/script

div id="x"/div

input type="button" onclick="display();" value="OK"/