色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

jquery+漸變向右飛入

謝彥文1年前8瀏覽0評論

jQuery + 漸變向右飛入效果,能夠為網頁增添不少動感和活力,下面就讓我們一起來看看實現這一效果的具體方法。

//先將元素默認隱藏
$('.box').css('left', '-200px');
$('.box').hide();
//向右飛入的動作
$('.box').animate({
left: '+=200px',
opacity: 'show'
}, 1000);

首先我們需要先將實現效果的元素隱藏,并設置它的位置為左側200px以外。我們使用 jQuery 的 hide() 方法將元素進行隱藏操作,并且通過設置元素樣式的 left 屬性,將其位置設為 -200px。

之后,我們就可以用 animate() 方法為元素添加向右飛入的動畫效果。在 animate() 方法中傳入一個對象參數,包括兩個屬性:left 和 opacity。其中, left 屬性為元素的 left 樣式設置一個增量,讓它向右移動200px。 opacity 屬性的值設置為 'show',表示漸變顯示元素。在動畫運行期間, jQuery 會自動控制指定的元素以平緩、平穩的方式從初始狀態向最終狀態過渡。

通過上述的代碼實現的效果非常簡單,只用很短的代碼就能夠完成讓元素漸變向右飛入并顯示的效果。