猜扑克牌
来源:互联网 发布:淘宝卖家快递单打印 编辑:程序博客网 时间:2024/05/18 22:16
<html>
<h3>小哥哥快来玩啊,这游戏老好玩了~</h3>
<audio src="music/doudizhu.mp3" loop="true" autoplay="autoplay"></audio>
<div class="content">
<ul class="nice">
<li class="one">
<a href="#" class="name"><img src="image/1.jpg" alt="" /></a>
<a href="#" class="five"><img src="image/puke.jpg" alt="" /></a>
</li>
<li class="one">
<a href="#" class="name"><img src="image/2.jpg" alt="" /></a>
<a href="#" class="five"><img src="image/puke.jpg" alt="" /></a>
</li>
<li class="one">
<a href="#" class="name"><img src="image/3.jpg" alt="" /></a>
<a href="#" class="five"><img src="image/puke.jpg" alt="" /></a>
</li>
<li class="one">
<a href="#" class="name"><img src="image/4.jpg" alt="" /></a>
<a href="#" class="five"><img src="image/puke.jpg" alt="" /></a>
</li>
<li class="one">
<a href="#" class="name"><img src="image/5.jpg" alt="" /></a>
<a href="#" class="five"><img src="image/puke.jpg" alt="" /></a>
</li>
<li class="one">
<a href="#" class="name"><img src="image/6.jpg" alt="" /></a>
<a href="#" class="five"><img src="image/puke.jpg" alt="" /></a>
</li>
<li class="one">
<a href="#" class="name"><img src="image/7.jpg" alt="" /></a>
<a href="#" class="five"><img src="image/puke.jpg" alt="" /></a>
</li>
</ul>
<ul class="nice">
<li class="one">
<a href="#" class="name"><img src="image/8.jpg" alt="" /></a>
<a href="#" class="five"><img src="image/puke.jpg" alt="" /></a>
</li>
<li class="one">
<a href="#" class="name"><img src="image/9.jpg" alt="" /></a>
<a href="#" class="five"><img src="image/puke.jpg" alt="" /></a>
</li>
<li class="one">
<a href="#" class="name"><img src="image/10.jpg" alt="" /></a>
<a href="#" class="five"><img src="image/puke.jpg" alt="" /></a>
</li>
<li class="one">
<a href="#" class="name"><img src="image/j.jpg" alt="" /></a>
<a href="#" class="five"><img src="image/puke.jpg" alt="" /></a>
</li>
<li class="one">
<a href="#" class="name"><img src="image/q.jpg" alt="" /></a>
<a href="#" class="five"><img src="image/puke.jpg" alt="" /></a>
</li>
<li class="one">
<a href="#" class="name"><img src="image/k.jpg" alt="" /></a>
<a href="#" class="five"><img src="image/puke.jpg" alt="" /></a>
</li>
<li class="one">
<a href="#" class="name"><img src="image/king.jpg" alt="" /></a>
<a href="#" class="five"><img src="image/puke.jpg" alt="" /></a>
</li>
</ul>
</div>
<css>
* {
margin: 0;
padding: 0;
list-style: none;
}
h3 {
text-align: center;
margin: 20px;
}
.content {
width: 795px;
/*height: 310px;*/
margin: 0 auto;
}
/*.content ul {
padding-top: 10px;
}*/
.content ul li {
float: left;
}
.content ul li.one {
width: 105px;
height: 150px;
}
.one a {
display: block;
width: 105px;
height: 150px;
}
.one a.name {
border: 1px solid #b69d6b;
}
<js>
$(function(){
cases();
function cases(){
$(".name").hide();
$(".one").hover(
function(){
$(this).children(".five").hide();
$(this).children(".name").show();
},function(){
$(this).children(".name").hide();
$(this).children(".five").show();
});
}
})
- 猜扑克牌
- 猜扑克牌
- 扑克牌
- 扑克牌
- 扑克牌
- 扑克牌
- 扑克牌
- 扑克牌
- 扑克牌
- 扑克牌
- 扑克牌
- 扑克牌
- Android--Android扑克牌猜点小游戏
- 扑克牌与一副扑克牌
- Java简单的猜扑克牌点数程序源代码
- Android 小项目之---猜扑克牌游戏 (附源码)
- 扑克牌发牌
- 扑克牌图片
- 浅谈Java中的equals和==
- OpenCV入门笔记
- POJ 1222 EXTENDED LIGHTS OUT【暴力dfs】
- 解压版mysql安装
- Bit Manipulation-----190. Reverse Bits&&191. Number of 1 Bits
- 猜扑克牌
- socket学习
- lua table
- 阿里巴巴2017测试题--抽奖
- Java中的四种内部类
- 算法提高 ADV-12 计算时间
- 二进制如何转十进制,十进制如何转二进制
- 【Java多线程】什么是线程与线程的生命周期与线程的创建方式
- 【银联支付】Android studio版本的银联支付Demo