动画

//行内样式 display   //隐藏 display:none 显示 display:原始值 如果没有原始值 则删除display样式    //动画路线 左上角到右下角 $(".show").click(function(){                 $("div").show();             })             $(".hide").click(function(){                 $("div").hide(1000);             })             $(".toggle").click(function(){                 $("div").toggle();             })    //行内元素 height             //动画路线 上到下             $(".slideDown").click(function(){                 $("div").slideDown("slow");             })             $(".slideUp").click(function(){                 $("div").slideUp(1000);             })             $(".slideToggle").click(function(){                 // $("div").shop().slideToggle(3000); //在最后一次动画基础上,继续新动画                 $("div").finish().slideToggle(3000);//完成所有动画 ,开始新动画
            })                         //行内样式 opacity 0 <-> 1             $(".fadeIn").click(function(){                 $("div").fadeIn("slow");             })             $(".fadeOut").click(function(){                 $("div").fadeOut(1000);             })             $(".fadeTo").click(function(){                 $("div").fadeTo("normal","0.3");             })             $(".fadeToggle").click(function(){                 $("div").fadeToggle();             })             $(".animate").click(function(){                 $("div").animate({width:"400px",opacity:0.3},1000);             })自定义动画             $(".animate").mouseover(function(){                 $("div").animate({width:"400px",opacity:0.3},1000);             }) 都是button按钮

上一篇:c语言图书管理系统代码


下一篇:SSM框架整合