我正在嘗試在淡入/淡出上應用 css 樣式。我很遺憾 JS 不是我的強項。知道如何將這兩個功能放在一起嗎？
$(".share").mouseenter(function(){
$(".social-overlay-outer").fadeIn({.css("display", "block")});
});
$(".share").mouseleave(function(){
$(".social-overlay-outer").fadeOut({.css("display", "none")});
});
uj5u.com熱心網友回復：
回答你的問題；在 jQuery 中添加 css 樣式是通過將函式添加到前一個函式的末尾來完成的（參見下面的示例）。
注意：當影片完成時， fadeOut功能會轉換 cssopacity并添加display:none到元素中，并且在您的示例中不是必需的。
$(".share").mouseenter(function() {
$(".social-overlay-outer").fadeIn().css("color", "red");
});
$(".share").mouseleave(function() {
$(".social-overlay-outer").fadeOut();
});<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="share">SHARE</div>
<div class="social-overlay-outer">Social</div>如果要在fadeIn 影片完成后向元素添加css 樣式，則可以改用函式的回呼引數。
.fadeIn（[持續時間] [，完成]）
$(function() {
$(".btn1").click(function() {
$("p").fadeOut("slow", function() {
$(this).css("font-size","10px");
});
});
$(".btn2").click(function() {
$("p").fadeIn("5s", function() {
$(this).css("font-size","20px");
});
});
});<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<p>This is a paragraph.</p>
<button class="btn1">Fade out</button>
<button class="btn2">Fade in</button>轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/437826.html
上一篇：外部點擊時關閉搜索下拉選單
下一篇：如何正確縮放三角形div背景？