亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 編程 > JavaScript > 正文

jQuery動畫animate方法使用介紹

2019-11-20 22:44:51
字體:
供稿:網(wǎng)友
復(fù)制代碼 代碼如下:

$(function() {
$("#left").click(function(){
$(".block").show();
$(".block").animate({
width: "+200px",
height: "+200px",
fontSize: "1em",
borderWidth: 10
}, "slow","swing");
});
$("#right").click(function(){
$(".block").show();
$(".block").animate({
width: "-200px",
height: "-200px",
fontSize: "10em",
}, "slow","swing");
});
/*
$("p").animate({
height: '200px', opacity: 'toggle'
}, "slow");
$("p").animate({
left: 50, opacity: 'show'
}, 500); */
//先漸隱
$("p").animate({
opacity: 'toggle'
}, "slow", "swing");
//后顯示
$("p").animate({
opacity: 'show'
}, 500,function() { alert('加載完成'); });
});
</script>
</head>
<body>
<button id="left">向右移動</button> <button id="right">向左移動</button>
<div class="block">張梓宇測試</div>
<p>

返回值:jQueryanimate(params, [duration], [easing], [callback])
概述
用于創(chuàng)建自定義動畫的函數(shù)。
這個(gè)函數(shù)的關(guān)鍵在于指定動畫形式及結(jié)果樣式屬性對象。這個(gè)對象中每個(gè)屬性都表示一個(gè)可以變化的樣式屬性(如“height”、“top”或“opacity”)。注意:所有指定的屬性必須用駱駝形式,比如用marginLeft代替margin-left.
而每個(gè)屬性的值表示這個(gè)樣式屬性到多少時(shí)動畫結(jié)束。如果是一個(gè)數(shù)值,樣式屬性就會從當(dāng)前的值漸變到指定的值。如果使用的是“hide”、“show”或“toggle”這樣的字符串值,則會為該屬性調(diào)用默認(rèn)的動畫形式。
在 jQuery 1.2 中,你可以使用 em 和 % 單位。另外,在 jQuery 1.2 中,你可以通過在屬性值前面指定 "+=" 或 "-=" 來讓元素做相對運(yùn)動。
jQuery 1.3中,如果duration設(shè)為0則直接完成動畫。而在以前版本中則會執(zhí)行默認(rèn)動畫。
參數(shù)
paramsOptions一組包含作為動畫屬性和終值的樣式屬性和及其值的集合
duration (可選)String,Number三種預(yù)定速度之一的字符串("slow", "normal", or "fast")或表示動畫時(shí)長的毫秒數(shù)值(如:1000)
easing (可選)String要使用的擦除效果的名稱(需要插件支持).默認(rèn)jQuery提供"linear" 和 "swing".
callback (可選)Function在動畫完成時(shí)執(zhí)行的函數(shù)
示例
描述:
點(diǎn)擊按鈕后div元素的幾個(gè)不同屬性一同變化
HTML 代碼:
復(fù)制代碼 代碼如下:

// 在一個(gè)動畫中同時(shí)應(yīng)用三種類型的效果
$("#go").click(function(){
$("#block").animate({
width: "90%",
height: "100%",
fontSize: "10em",
borderWidth: 10
}, 1000 );
});

描述:
讓指定元素左右移動
HTML 代碼:
復(fù)制代碼 代碼如下:

$("#right").click(function(){
$(".block").animate({left: '+50px'}, "slow");
});
$("#left").click(function(){
$(".block").animate({left: '-50px'}, "slow");
});

描述:
在600毫秒內(nèi)切換段落的高度和透明度
jQuery 代碼:
復(fù)制代碼 代碼如下:

$("p").animate({
height: 'toggle', opacity: 'toggle'
}, "slow");

描述:
用500毫秒將段落移到left為50的地方并且完全清晰顯示出來(透明度為1)
jQuery 代碼:
復(fù)制代碼 代碼如下:

$("p").animate({
left: 50, opacity: 'show'
}, 500);

描述:
一個(gè)使用“easein”函數(shù)提供不同動畫樣式的例子。只有使用了插件來提供這個(gè)“easein”函數(shù),這個(gè)參數(shù)才起作用。
jQuery 代碼:
復(fù)制代碼 代碼如下:

$("p").animate({
opacity: 'show'
}, "slow", "easein");
發(fā)表評論 共有條評論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
91在线观看地址| 亚洲av综合一区二区| 亚洲欧美日本伦理| 国产精品1区| а√最新版天堂中文在线| 欧美一激情一区二区三区| 精品黑人一区二区三区国语馆| 亚洲第一se情网站| 天堂网在线观看在线观看精品| 中文字幕日韩av资源站| 免费黄色欧美视频| 亚洲第一天堂无码专区| 性色av一区二区三区| 亚洲精品在线免费看| 国产一级片av| 日韩大尺度黄色| 国产激情二区| 欧美老肥妇做.爰bbww| 精品国产无码一区二区三区| 刘亦菲一区二区三区免费看| 精品一卡二卡三卡| 成人黄色激情视频| 亚洲综合av影视| 你懂的在线观看网站| 8av国产精品爽爽ⅴa在线观看| 亚洲视频在线观看一区二区| 极品盗摄国产盗摄合集| 久久无码人妻一区二区三区| 日韩精品五月天| 日本一区二区三区久久久久久久久不| 91免费精品国偷自产在线在线| 日韩精品高清不卡| 日韩高清在线免费观看| 免费看a级黄色片| 3d动漫精品啪啪一区二区竹菊| 精品国产一区二区三区久久久狼| 久久久久成人精品免费播放动漫| 碰碰在线视频| 国产99re| 国产午夜麻豆影院在线观看| 粗暴蹂躏中文一区二区三区| 欧美午夜www高清视频| 亚洲综合一二三区| 激情都市亚洲| 在线看无码的免费网站| 久草在线资源视频| 成人午夜视频精品一区| 国产在线观看网站| 玖草视频在线观看| 黄色香蕉视频在线观看| 欧美精品一区二区蜜臀亚洲| 精品自拍偷拍| 国产高清中文字幕| 亚洲欧美成人vr| 亚洲黄色性网站| 午夜时刻免费入口| 亚洲蜜臀av乱码久久精品蜜桃| 日韩精品高清在线| 国产免费久久久久| 久久精品2019中文字幕| 免费看三级黄色片| 欧美成人一区在线观看| 美女视频黄久久| 欧美艹逼视频| 国内精品露脸在线视频播放| 亚洲一区欧美在线| 国内精品在线观看视频| 国产在线观看免费网站| 亚洲伊人成综合成人网| 99精品国产91久久久久久| 亚洲av无码国产精品久久不卡| 国产一级精品在线| 国产黄色片免费在线观看| 欧美激情国产日韩| 国产精品理人伦一区二区三区| av动漫在线免费观看| av在线日韩国产精品| а天堂8中文最新版在线官网| 神马伦理电影| japanese色系久久精品| 亚洲综合一区在线| 波多野结衣在线aⅴ中文字幕不卡| 国产日产欧美一区二区视频| 国产999在线| 欧美 日韩 中文字幕| 成人网ww555视频免费看| 久久免费资源| 小早川怜子影音先锋在线观看| 日韩中文在线电影| jizz内谢中国亚洲jizz| 国产麻豆欧美日韩一区| 人人干在线视频| 素人fc2av清纯18岁| 日本成人免费视频| 中文字幕欧美日韩在线不卡| bbw丰满大肥奶肥婆| 91香蕉嫩草影院入口| 一区二区自拍偷拍| 三上悠亚在线免费观看| 久久夜色精品国产亚洲aⅴ| 在线国产三级| 日本在线看片免费人成视1000| 97成人精品区在线播放| 国产av人人夜夜澡人人爽麻豆| 精品一成人岛国片在线观看| 激情五月综合婷婷| 一级在线视频| 亚洲国产导航| 国产二区三区四区| 国产精品综合一区二区| 香蕉视频黄色在线观看| 性欧美孕妇孕交| 日韩精品久久久久久福利| 日韩欧美国产不卡| 欧美啪啪网站| 亚洲国产第一区| 日韩一级二级三级| 一道本在线观看视频| 日韩美女激情视频| 亚洲精品乱码久久久久久蜜桃欧美| 亚洲女同性videos| 九九久久99| 成人久久网站| 午夜免费福利视频在线观看| 国内精品久久久久久久影视麻豆| 粉嫩av免费一区二区三区| 亚洲AV无码国产精品午夜字幕| 无码无套少妇毛多18pxxxx| 成人中文视频| 成人性生交大片免费看视频直播| 亚洲国产wwwccc36天堂| 亚洲丰满少妇videoshd| 国产精品调教视频| 18成人免费观看视频漫画| 成人免费看aa片| 国内免费精品永久在线视频| 欧美一区二区三区激情| 三级小说欧洲区亚洲区| 天堂网视频在线| 国产成人在线网站| 欧美日韩在线免费观看| 国产精品毛片一区二区在线看| 亚洲欧洲精品一区二区三区不卡| 亚洲一级二级在线| 久久青草免费| 99久久综合狠狠综合久久| 一区二区亚洲精品国产| 国产精品久久久久久久久动漫| 亚洲免费视频网| 成视频年人免费看黄网站| 久久伊人中文字幕| 亚洲日本中文字幕在线| 玩弄中年熟妇正在播放| 欧美一级一区二区| 午夜激情一区二区三区| 精品少妇一区二区| 三级外国片在线观看视频| 亚洲永久在线| 国产精品久久久久毛片大屁完整版| 欧美日韩亚洲在线| 久久国产精品久久久久久久久久| 国产精品宾馆在线精品酒店| aaa在线播放视频| 永久免费未满蜜桃| 美女av一区| 亚洲电影小说图| 欧美一区二区三区播放老司机| 久久一区欧美| 国产精品视频网| 69xxxx视频| 欧美丰满少妇人妻精品| 玖玖玖电影综合影院| 黄频在线免费观看| 久久久久成人精品无码中文字幕| av成人网在线| 朝桐光av一区二区三区| 国产午夜精品一区理论片| 色的视频在线免费看| 51免费午夜啪啪| 日韩一区二区在线观看视频播放| 日韩欧美激情电影| 亚洲综合av在线播放| 日本粉色视频在线观看| 国产乱色国产精品免费视频| 超碰超碰超碰超碰| 天堂中文字幕av| 超碰免费97在线观看| 久久99精品久久久久久欧洲站| 极品尤物一区| 高清在线观看免费韩剧| 国产成人福利视频| 久久精品男人天堂av| 四虎影视成人| 欧美精品中文字幕亚洲专区| 亚洲女同中文字幕| 激情综合五月网| 国产激情在线免费观看| www.91精品| 性xxxxxxxxx| 任我爽在线视频精品一| 不卡一区综合视频| 亚洲高清在线视频| 久久久精品人妻一区二区三区| 影音先锋资源av| 8x8ⅹ国产精品一区二区二区| 老熟妇一区二区| 一本久久综合亚洲鲁鲁| 97涩在线观看视频| 久久久久久久久久久97| 亚洲男人天堂2019| 久久精品 人人爱| 老司机免费视频一区二区| 日韩激情视频网站| 国产成人精品视频一区| 日韩精品av| 免费av片风间由美在线| 国产极品jizzhd欧美| 久久精品国产精品亚洲综合| yy6080午夜| 天天操夜夜做| 久久精品三级视频| 久久久久久青草| 亚洲成人一区二区在线观看| 亚洲色欲久久久综合网东京热| 免费成人黄色| 这里只有精品免费| 波多野结衣电影免费观看| 精品国产乱码久久久久久蜜臀| 色婷婷综合久久久久中文一区二区| 日本高清一区二区视频| 亚洲视频综合在线| 91成人在线观看喷潮| 美女任你摸久久| 国内精品视频久久| 国产美女久久久久| 亚洲日本aⅴ片在线观看香蕉| www.99re7.com| 免费成人蒂法| 日韩欧美一区二区三区在线| 亚洲男人天堂av| 成人精品动漫| 四虎国产精品免费观看| 国产精品亚洲欧美一级在线| 欧美婷婷六月丁香综合色| 亚洲国产精品视频在线观看| 欧美一级特黄aaaaaa在线看片| 日日噜噜噜噜久久久精品毛片| 3d动漫精品啪啪一区二区竹菊| 欧美精品一区二区三区很污很色的| 天天操人人爽| 色偷偷91综合久久噜噜| 成人黄网18免费观看的网站| 777xxx欧美| 内射无码专区久久亚洲| 亚洲女人毛片| 久久99精品久久久野外观看| www.日韩不卡电影av| 色先锋资源久久综合| 九九九久久久久久| 在线免费观看日韩视频| 欧美激情性xxxxx| 国产在线欧美| 中文字幕欧美一区二区| 伊人久久婷婷色综合98网| av天在线观看| 一本精品一区二区三区| 狠狠操视频网| 国产裸体歌舞团一区二区| 亚洲欧美精品| 欧美成人福利在线观看| freehdxxxx护士| 国产精品久久一| 天堂成人在线视频| 理论片午午伦夜理片在线播放| 欧美一区二区三区在线播放| 国产精品久久久久久免费播放| 欧美精品videosex极品1| 美美女免费毛片| 国产成人无码一区二区在线播放| 精品一区亚洲| 韩国成人福利片在线播放| 国产区视频在线观看| 第一社区sis001原创亚洲| 里番全彩acg☆无翼乌全彩3d| 久久久精品在线| 6080午夜伦理| 国产一区香蕉久久| 四虎国产精品永久| 国产一区二区三区成人欧美日韩在线观看| 国产在线视频综合| 国产高清不卡av| 菠萝蜜视频在线观看www入口| 久久66热这里只有精品| 欧美肥妇毛茸茸| 天堂av免费在线观看| 干日本少妇视频| 国产综合久久久久久| 久青草国产97香蕉在线视频| 韩国中文字幕在线| 国产视频欧美视频| 在线播放精品一区二区三区| 国产午夜亚洲精品午夜鲁丝片| 欧美性高潮在线| 瑟瑟在线观看| h色网站在线观看| 综合一区在线| 日本少妇激情视频| 欧美性久久久久| 亚洲av无码专区在线播放中文| 亚洲精品乱码久久久久久金桔影视| 国产z一区二区三区| 日韩精品中文字幕在线不卡尤物| 91久久精品日日躁夜夜躁欧美| 亚洲成人久久网| 日本免费一区视频| 清纯唯美亚洲经典中文字幕| 99热这里只有精品首页| 色综合蜜月久久综合网| 麻豆成人久久精品二区三区小说| 精品婷婷伊人一区三区三| 午夜不卡福利视频| 中文字幕91爱爱| 成人精品小蝌蚪| 91精品免费观看| 天堂久久一区| 日皮视频在线免费观看| 性欧美在线看片a免费观看| 老妇喷水一区二区三区|