如何用jQuery实现div边框渐显效果

1 先给div设置一个边框div{border:2px solid #999}

2 然后设置动画：

$("div").animate({

borderWidth:0,

padding:'2px'},1000)

利用jq的append()追加函数即可实现，如：

html：

<div class="main">

    <input type="button" value="添加" class="btn" />

</div>

JQ：

$(document).ready(function(){

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

        var html = '<div style="width:200px height:30px border:1px dashed red margin-bottom:20px"></div>'

        $(".main").append(html)

    })

})

---