萬盛學電腦網

 萬盛學電腦網 >> 數據庫 >> 數據庫綜合 >> jQuery操作實現div慢慢隱藏消失效果實例教程

jQuery操作實現div慢慢隱藏消失效果實例教程

計算機作為信息時代的主要載體和工具,正擔負著越來越重要的作用,下面就讓我們一起來欣賞這篇關於div慢慢隱藏消失效果實例教程的文章吧!

這是用jQuery操作div慢慢隱藏消失效果實例教程,比較好的網頁特效

下面是核心jQuery代碼:

$(document).ready(function () {

$(".pane").click(function () {

$(this).animate({

opacity: "hide"

}, "slow");

});

});

 

慢慢有過度效果的消失的div

 

當點擊div時,jQuery會首先尋找用緩慢的速度將其opacity設置為透明效果,達到隱藏效果。

以上就是精品為您准備的關於div慢慢隱藏消失效果實例教程的信息,希望對您的生活工作有幫助。

copyright © 萬盛學電腦網 all rights reserved