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;}

　　

轉載于:https://www.cnblogs.com/mypsq/p/6293499.html

總結

以上是生活随笔為你收集整理的html 自动弹出框的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。