亚洲激情专区-91九色丨porny丨老师-久久久久久久女国产乱让韩-国产精品午夜小视频观看

溫馨提示×

jQuery中animate()方法用法實例

小云
104
2023-08-17 12:21:11
欄目: 編程語言

以下是animate()方法的一些用法示例:

  1. 移動元素:
$("button").click(function(){
$("#box").animate({left: '250px'});
});

這將使id為"box"的元素向右移動250像素。

  1. 改變元素的寬度和高度:
$("button").click(function(){
$("#box").animate({width: '200px', height: '200px'});
});

這將使id為"box"的元素寬度和高度都變為200像素。

  1. 鏈式動畫:
$("button").click(function(){
$("#box").animate({left: '250px'})
.animate({top: '250px'})
.animate({left: '0px'})
.animate({top: '0px'});
});

這將使id為"box"的元素先向右移動250像素,然后向下移動250像素,再向左移動250像素,最后向上移動250像素。

  1. 修改CSS屬性:
$("button").click(function(){
$("#box").animate({backgroundColor: 'blue', color: 'white'});
});

這將使id為"box"的元素的背景色變為藍色,文本顏色變為白色。

  1. 動畫持續時間和回調函數:
$("button").click(function(){
$("#box").animate({left: '250px'}, 1000, function(){
alert("動畫完成");
});
});

這將使id為"box"的元素向右移動250像素,持續時間為1秒,然后彈出一個提示框。

  1. 使用相對值:
$("button").click(function(){
$("#box").animate({left: '+=250px'});
});

這將使id為"box"的元素向右移動250像素,相對于當前位置。

以上只是animate()方法的一些用法示例,實際上animate()方法可以通過傳遞不同的屬性和選項來實現更豐富的動畫效果。

0
福建省| 青龙| 遂昌县| 文昌市| 习水县| 德昌县| 镇康县| 黄平县| 巩义市| 白沙| 石泉县| 北碚区| 柳林县| 宁南县| 山东省| 鄯善县| 襄汾县| 老河口市| 铜川市| 保德县| 庆安县| 资中县| 威信县| 都江堰市| 沙田区| 栾城县| 兴隆县| 延庆县| 甘洛县| 全州县| 山阴县| 泾川县| 阆中市| 黎川县| 孟村| 长寿区| 甘南县| 澄城县| 彭泽县| 青海省| 芦溪县|