最常用的前端框架jQuery為開發(fā)者提供了很多實用的功能,其中之一就是讓頁面上的元素動態(tài)產(chǎn)生特效。其中之一就是讓div漸漸消失。
$(document).ready(function(){ $("button").click(function(){ $("div").fadeOut(); }); });
在上面的代碼中,當點擊頁面上的按鈕時,對應(yīng)的div元素就會漸漸消失(淡出)。這個效果有時候比直接消失更加優(yōu)美,可以給用戶更好的視覺體驗。如果你想讓元素消失得更慢或更快,可以調(diào)整fadeOut()方法里的參數(shù)。例如:
$("div").fadeOut("slow"); // 慢慢消失 $("div").fadeOut(1000); // 以毫秒為單位指定消失的時間,這里是1秒
除了fadeOut()方法,jQuery還提供了其他一些實現(xiàn)特效的方法。例如 fadeTo() 和 fadeToggle() 等。這些方法都可以通過使用一些簡單的動畫實現(xiàn)更好的屏幕效果。