- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
JSFiddle 链接:http://jsfiddle.net/jbirdwell/YEmat/1/
HTML:
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="style.css" />
<script src='script.js'></script>
<title></title>
</head>
<body>
<table>
<tr>
<td>
<img src = "http://www.nba.com/media/playerfile/thunder_logo.gif"/><img id="champion" src="http://farm5.staticflickr.com/4018/4624684843_1630196e78.jpg"/><div id="ball"></div> <div id="ball"></div> <div id="ball"></div> <div id="ball"></div> <div id="ball"></div> <div id="ball"></div> <div id="ball"></div> <div id="ball"></div> <div id="ball"></div> <div id="ball"></div> <div id="ball"></div>
</td>
</tr>
</table>
</body>
</html>
JavaScript:
var ball = 11;
$(document).ready(function() {
$('#ball').click(function(){
$(this).fadeOut();
ball -= 1;
if(ball === 0){
$('#champion').css("display",'inline-block');
}
});
});
CSS:
#ball{
background-color: orange;
height: 30px;
width: 30px;
border-radius: 100%;
border: 1px solid #FF8A21;
display: inline-block;
}
#champion{
display: none;
width: 45px;
}
我有几个问题。
我如何继续让#ball 淡出直到它们全部消失?
我怎样才能多次投篮,而不是每次想要球时都必须投篮?
最佳答案
将 id 更改为类。它无法正常工作,因为您一次只能拥有一个 ID。这是一个活生生的例子:http://jsfiddle.net/qh7St/2/
$('.ball').click(function()
<div class="ball"></div>
我不确定我是否完全理解你的第二个问题。你的意思是你将如何动态添加球而不是对其进行硬编码?
关于jquery - 如何继续允许用户单击直到某个点?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16391794/
我需要在 JavaScript 中的笛卡尔坐标和球坐标之间进行转换。我在论坛上浏览了一下,没有找到我要找的东西。 现在我有这个: this.rho = sqrt((x*x) + (y*y) + (z*
有没有matrix3d可以像这样把矩形变成梯形的?我知道常规的 2d 矩阵变换只能以平行四边形结束,因为您只能有效地倾斜和旋转。 div { width: 300px; height:
关于这个例子(d3.j radial tree node links different sizes),我想知道是否可以在 d3.js 中混合径向树和直线树。 对于我的 jsFiddle 示例:htt
我尽量把标题写得最好,但我不确定如何准确描述这里发生的事情,所以请随时更正。 我想使用 › 直 Angular 引号 (›) 而不是 > 直 Angular 引号 (>),虽然 › 字符比 > 短,但
我正在尝试使用 CSS 创建一个具有圆边的矩形棱柱,如下图所示。 到目前为止,我已经指定了顶部和底部的边界半径。问题是我不知道如何让另一边的左右边缘向内 curl 。因此,拐 Angular 处不应有
关闭。这个问题是opinion-based 。目前不接受答案。 想要改进这个问题吗?更新问题,以便 editing this post 可以用事实和引文来回答它。 . 去年关闭。 社区去年审查了是否重
首先,我刚刚开始学习 HTML 和 CSS。 我想如何使用这段代码: https://codepen.io/martinjkelly/pen/vEOBvL .container { width:
我是一名优秀的程序员,十分优秀!