本文共 1194 字,大约阅读时间需要 3 分钟。
show() 将隐藏的元素显示
hide() 将可见的元素隐藏。 toggle() 可见就隐藏,不可见就显示。以上动画方法都可以添加参数。
fadeIn() 淡入(慢慢可见)
fadeOut() 淡出(慢慢消失) fadeTo([[speed],opacity,[easing],[fn]]) 在指定时长内慢慢的将透明度修改到指定的值。fadeToggle() 淡入/淡出 切
$(function(){ //显示 show() $("#btn1").click(function(){ //在1秒的时间内显示出该动画 $("#div1").show(1000); }); //隐藏 hide() $("#btn2").click(function(){ $("#div1").hide(1000); }); //切换 toggle() $("#btn3").click(function(){ $("#div1").toggle(1000); }); //淡入 fadeIn() $("#btn4").click(function(){ $("#div1").fadeIn(500); }); //淡出 fadeOut() $("#btn5").click(function(){ $("#div1").fadeOut(500); }); //淡化到 fadeTo() // speed:种预定速度之一的字符串("slow","normal", or "fast")或表示动画时长的毫秒数值(如:1000) // easing:(Optional) 用来指定切换效果,默认是"swing",可用参数"linear" $("#btn6").click(function(){ $("#div1").fadeTo("slow",Math.random()); }); //淡化切换 fadeToggle() $("#btn7").click(function(){ $("#div1").fadeToggle("slow","linear"); }); })
转载地址:http://louki.baihongyu.com/