}) //行内样式 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按钮
动画
//行内样式 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按钮
}) //行内样式 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按钮