怎么实现鼠标离开最外层DIV触发效果? 
$(document).ready(function () {
    //$("#f1").mouseout(function () {
      
    //});
})
<div id="f1"  style="width: 400px; height: 400px; background: green;">
     <div id="f2"  style="width: 200px; height: 200px; background: blue;">
            <div id="f3" style="width: 100px; height: 100px; background: red;">
            </div>
     </div>
</div>