javascript - 在框架集上显示 div 层？

Question

我有两个框架集，如下所示

<FRAMESET ROWS="*, 0">   
   <FRAME SRC="index.php" FRAMEBORDER=0 id="contentfrm" name="contentfrm">
   <FRAME SRC="music.php" FRAMEBORDER=0 id="musicfrm" name="musicfrm" NORESIZE SCROLLING="no" >  
  </noframes>    
</FRAMESET><noframes></noframes>

我的第一帧是全屏网站，第二帧有一些音乐播放器，

所以当用户点击第一帧链接时，我需要为整页添加一些加载动画，

我可以在第二帧中跟踪第一帧站点的点击事件。

但我不知道如何将一些内容附加到页面的 html 4-5 秒（当前页面的 html 不是框架）。

当我点击第一个框架集链接时，谁能告诉我如何在 5-6 秒内覆盖页面（将一些 html 附加到页面上）谢谢

Answer 1

您可以在 jquery 上使用延迟 - 但如果您想允许用户取消加载第二帧，您应该使用以下代码：

$('#contentfrm').click(function(){
   $('.animationgif').show();
   time = setTimeout(function() {
        $('.animationgif').hide();
        $('#musicfrm').show();
    },500);
});
$('.cancel').click(function(){
   $('.animationgif').hide();
   clearTimeout(time);
});