一、jQuery效果-滑动

<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title></title><scriptsrc="jquery-1.10.1.min.js"></script><scriptsrc="move.js"></script><style>#content,#flipShow,#flipHide,#flipToggle{padding:5px;text-align:center;background-color:red;border:solid1pxgreen;}#content{display:none;padding:50px;}</style></head><body><divid="flipShow">出现</div><divid="flipHide">隐藏</div><divid="flipToggle">显示/隐藏</div><divid="content">HelloWorld</div></body></html>$(document).ready(function(){$("#flipShow").click(function(){$("#content").slideDown(1000);});$("#flipHide").click(function(){$("#content").slideUp(1000);});$("#flipToggle").click(function(){$("#content").slideToggle(500);});});


二、jQuery效果-回调

<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title></title><scriptsrc="jquery-1.10.1.min.js"></script><scriptsrc="callback.js"></script></head><body><button>隐藏</button><p>HelloWorldHelloWorldHelloWorldHelloWorldHelloWorldHelloWorld</p></body></html>$(document).ready(function(){$("button").click(function(){//$("p").hide(1000,function(){//alert("动画结束，这个方法称为被回调");//});$("p").css("color","red").slideUp(1000).slideDown(1000);});});