11.12

行内样式 display

 $(".show").click(function(){

                // $("div").show()

                //$("div").show("slow")  normal fast

                $("div").show(1000)

            })

 

<button class="show">show</button>

注：隐藏hide就需要把 show 改为 hide 即可 ，同理 toggle

 

//行内样式 height

 //动画路线  上<->下

 

$(".slideDown").click(function(){

                 $("div").slideDown()

               

            })

slideDown 可改  slideUp  ，slideToggle ，fadeln

 

 $(".animate").click(function(){

                //$("div").animate({width:"400px"},1000)

                //$("div").animate({width:"400px",height:"400px",opacity:0.3},1000)

                $("div").animate({width:"+=40px",height:"+=40px",opacity:0.3},1000)

            }) 可使块级标签增大或减小