使用老师的源码运行,并没有动画效果,怎么回事呀
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style> #div1{ height: 300px; background-color: green; } #div2{ height: 300px; background-color: yellow; } </style> <script src="js/jquery-1.9.1.js" type="text/javascript" charset="utf-8"></script> <script type="text/javascript"> $(function(){ $("#bu1").click(function(){ //获得div对象 var div1 =$("#div1"); //3s隐藏动画 // div1.hide(3000); // div1.show(3000); //隐藏的显示 ---显示的隐藏 //$("div").toggle(3000); //滑动上 // div1.slideUp(3000); //滑动下 // div1.slideDown(3000); //滑动上--滑动下 滑动下---滑动上 // $("div").slideToggle(3000); //淡出 div1.fadeOut(3000); //淡入 div1.fadeIn(3000); }) }) </script> </head> <body> <input type="button" id="bu1" value='动画触发'> <hr /> <div id="div1"></div> <div id="div2"></div> </body> </html>