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

jquery酷炫的動畫

潘惠金1年前6瀏覽0評論

JQuery是一種流行的Javascript庫,許多網站使用它來創建酷炫的動畫效果。有許多不同的動畫功能可用,包括漸隱、滑動、淡入淡出、旋轉、縮放和彈跳效果。以下是一些使用JQuery的酷炫動畫。

$(document).ready(function(){
$('button').click(function(){
$('h1').hide(1000).show(1000);
});
});

上面的代碼片段演示了一個簡單的隱藏和顯示動畫。當用戶點擊按鈕時,標題(h1標簽)以1秒的速度消失,然后再以1秒的速度重新出現。

$('img').hover(function(){
$(this).animate({
width: "500px",
height: "500px",
}, 1000);
}, function(){
$(this).animate({
width: "300px",
height: "300px",
}, 1000);
});

這段代碼創建了一個當鼠標懸停在圖像上時膨脹、再次離開時縮小的動畫。當鼠標懸停在圖像上時,它會擴大到500像素,消耗1秒的時間。當鼠標再次離開時,它會縮小到300像素,也需要1秒的時間。

$('#box').click(function(){
$(this).effect("bounce", { times: 3 }, 300);
});

這段代碼創建了一個點擊箱子時反彈三次的動畫。當用戶點擊box元素時,它會在300毫秒內反彈三次。

以上僅是JQuery動畫的冰山一角,你可以通過更多復雜代碼來實現更多復雜動畫,JQuery提供了良好的靈活性,具有簡單,快速,高效等特點,更重要的是,它可以在不同的瀏覽器和設備上很好地運行,有助于為你的網站增加趣味性和交互性。