gpt4 book ai didi

javascript - 使用javascript保持按钮状态下降并执行另一项任务

转载 作者:行者123 更新时间:2023-11-30 17:36:35 25 4
gpt4 key购买 nike

我的页面上有两个按钮,我希望其中一个以按下状态开始,在 div 中显示一段文本,然后如果按下另一个按钮,该按钮将保持在按下状态,并在其中显示其一段文本一个 div 并使第一个按钮处于正常状态并隐藏它的一段文本。

这是我一直未能成功使用的那种代码;

$('#myButton').on('mousedown', function () {
$('#myButton').toggleClass('myButtonActivated',0);
document.getElementById('info1').style.zIndex = 1;
document.getElementById('info2').style.zIndex = 0;
})

任何指导都会很棒,谢谢。

最佳答案

这段代码可能对你有帮助

   <style>
.active
{
box-shadow: 3px 2px 0px #888888;
}
</style>
<script>
$(document).ready(function () {
$('.button').click(function () {

$(".button").removeClass("active");
$(this).addClass("active");

});
});</script>
<body>
<input class="button" type="button" value="1st button" />
<input class="button" type="button" value="2nd button" />
</body>

关于javascript - 使用javascript保持按钮状态下降并执行另一项任务,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21935804/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com