我正在寻找一种方法来实现这一点:
我想在网站上有一个按钮来控制背景动画。它应该通过单击“淡出”(直接,无延迟)整个背景动画,但是通过再次单击,它应该“淡入”。
我尝试过这个:
if (document.querySelector('.Welle').style.display == 'none'){
document.querySelector('.Welle').style.display = 'block';
}
else {
document.querySelector('.Welle').style.display = 'none';
}
<a type="button" value="Klicken um Hintergrundanimation zu beenden" onclick="backgroundbutton()" style="text-decoration: none;">
<button>
Hintergrund
</button>
</a>
但是没用,我做错了什么?有人可以纠正我吗?
非常感谢
最佳答案
试试这个:
function backgroundbutton() {
if (document.querySelector('.Welle').style.display == 'none'){
document.querySelector('.Welle').style.display = 'block';
}
else {
document.querySelector('.Welle').style.display = 'none';
}
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<input type="button" value="Hintergrund" onclick="backgroundbutton();" />
<div class="Welle">test</div>
关于javascript - 隐藏背景动画的按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44229926/