Jquery 滑鼠移入出現浮動區塊 - stu80143/gitNote GitHub Wiki

<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script> <title>javascript</title>
區塊一 區塊二 區塊三 區塊四 區塊五 區塊六
子區塊一 子區塊二 子區塊三 子區塊四 子區塊五 子區塊六
子區塊一 子區塊二 子區塊三 子區塊四 子區塊五 子區塊六
子區塊一 子區塊二 子區塊三 子區塊四 子區塊五 子區塊六
子區塊一 子區塊二 子區塊三 子區塊四 子區塊五 子區塊六
子區塊一 子區塊二 子區塊三 子區塊四 子區塊五 子區塊六
子區塊一 子區塊二 子區塊三 子區塊四 子區塊五 子區塊六
<script type="text/javascript"> $('div.overlay').each(function(index,obj){ $(obj).attr("id","oid"+index); $(obj).attr("parent","bid"+index); }); 
$('button.btn-primary').each(function(index,obj){
    $(obj).attr("id","bid"+index);
    $(obj).attr("childer","oid"+index);
});

$("button.btn-primary").hover(function(){
    $("div.overlay").hide();
    var index = $(this).index();
    $(this).attr("status","1");
    $("#oid"+index).show();
},function(){
    var _this = this;
    $(this).attr("status","0");
    setTimeout(function(){
        if($(_this).attr("status") != "1"){
            $("#"+$(_this).attr("childer")).hide();
        }
    },1000);

});

$("div.overlay").hover(function(){
    $("#"+$(this).attr("parent")).attr("status","1");
},function(){
    $("#"+$(this).attr("parent")).attr("status","0");
    var _this = this;
    setTimeout(function(){
        if($("#"+$(_this).attr("parent")).attr("status") != "1"){
            $(_this).hide();
        }
    },1000);
});
</script> <script type="text/javascript" src="https://ecvip.pchome.com.tw/ecapi/all/traceapi/v1/index.php/prod?offset=1&_callback=aa&_=1532577461472"></script>
⚠️ **GitHub.com Fallback** ⚠️