我的申請中有提交按鈕。當用戶點擊提交按鈕時。我想在 jQuery 或 CSS 中向下滑動提交按鈕。有人可以建議怎么做嗎?
謝謝
uj5u.com熱心網友回復:
每當用戶單擊按鈕元素時,您都可以使用以下方法之一將類應用于按鈕元素:
查詢
$("button").on("click", () => {
$("button").addClass("clicked");
})
button {
transition: transform 300ms ease
}
.clicked {
transform: translateY(200px)
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button>Submit</button>
沒有jQuery
const button = document.querySelector("button");
button.addEventListener("click", () => {
button.classList.add("clicked")
})
button {
transition: transform 300ms ease
}
.clicked {
transform: translateY(200px)
}
<button>Submit</button>
uj5u.com熱心網友回復:
$(".button").click(function(e){
$(this).slideDown();
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button class="button">button</button>
轉載請註明出處,本文鏈接:https://www.uj5u.com/ruanti/336948.html
