11.12

 $(function(){             //行内样式 display             // 隐藏 display:none  显示 display:原始值  如果没有原始值,则删除display样式             // 带时间的路线 左上角<->右下角             $(".show").click(function(){                 // $("div").show()                 // $("div").show("show")  norml  fast                 $("div").show(1000)             })             $(".hide").click(function(){                 $("div").hide()             })             $(".toggle").click(function(){                 $("div").toggle()             })
            // 行内样式 height             // 动画路线上<->下             $(".slideDown").click(function(){                 $("div").slideDown(3000)             })             $(".slideUp").click(function(){                 $("div").slideUp()             })             $(".slideToggle").click(function(){                 $("div").slideToggle(10000)             })
            // 行内样式   opacity 0<->1             $(".fadeIn").click(function(){                 $("div").fadeIn()             })             $(".fadeOut").click(function(){                 $("div").fadeOut(3000)             })             $(".fadeToggle").click(function(){                 $("div").fadeToggle()             })             $(".fadeTo").click(function(){                 $("div").fadeTo("normal",0.3)             })

            $(".animate").click(function(){                 // $("div").animate({width: "400px"},1000)                 // $("div").animate({width: "400px",height:"400px",opacity:0.3},1000)                 $("div").animate({width: '+=50px',height:'+=50px',opacity:0.3},1000)             })         })
上一篇:Vue 事件


下一篇:移动端自适应布局 rem方案