html 自动弹出框

1.点击div外部隐藏，
//*代表tip_box所包含的子元素
$('body').click(function(e) {var target = $(e.target);if(!target.is('#tip_box *') ) {//事件处理}
});

　　

2.div动态展开
.tip_box{width:300px;height:0;border-radius:3px;background-color:#fff;overflow:hidden;box-shadow: 1px 1px 6px #888888;position:absolute;transition:height 0.7s;-moz-transition:height 0.7s; /* Firefox 4 */-webkit-transition:height 0.7s; /* Safari and Chrome */-o-transition:height 0.7s;/* Opera */font-size:12px;}