我希望按钮的图像背景在用户单击时发生变化。 我制作了一个包含不同属性的类,以根据它们的类在图像之间切换。 我使用这种方法:
HTML:
<span id="play"></span>
JS:
$(document).ready(function(){
$('#play').click(function(){
$(this).toggleClass("#pause");
});
});
CSS:
#play
{
width:100px;
height:60px;
background-image: url('18.jpg');
float:left;
}
#pause
{
width:100px;
height:60px;
background-image: url('19.jpg');
float:left;
}
但是我点击按钮之前和之后根本不显示图片,你知道为什么吗?
谢谢
最佳答案
#
用于表示 id
,但您正在切换一个类。试试这个:
$('#play').click(function(){
$(this).toggleClass("pause");
});
.pause {
width:100px;
height:60px;
background-image: url('19.jpg');
float:left;
}
关于javascript - 在按钮之间切换 - 图像无法显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10703756/