Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/oop/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 正在运行进度加载时,可取消页面的其余部分。。。。!_Javascript_Jsp_Spinner - Fatal编程技术网

Javascript 正在运行进度加载时,可取消页面的其余部分。。。。!

Javascript 正在运行进度加载时,可取消页面的其余部分。。。。!,javascript,jsp,spinner,Javascript,Jsp,Spinner,我是Javascript新手 我已经编写了简单的javascript来使用动画gif显示进度 问题是,虽然它工作正常,但我可以单击gif图像下方的表单 有人能给我指路吗 我的js函数是 function search() { /* doOverlayOpen('dvLoading', 470); */ var opts = { lines: 17, // The number of lines to draw length: 10, //

我是Javascript新手

我已经编写了简单的javascript来使用动画gif显示进度

问题是,虽然它工作正常,但我可以单击gif图像下方的表单

有人能给我指路吗

我的js函数是

function search()
{
    /* doOverlayOpen('dvLoading', 470); */
    var opts = {
          lines: 17, // The number of lines to draw
          length: 10, // The length of each line
          width: 4, // The line thickness
          radius: 21, // The radius of the inner circle
          corners: 1, // Corner roundness (0..1)
          rotate: 13, // The rotation offset
          color: '#000', // #rgb or #rrggbb
          speed: 1, // Rounds per second
          trail: 60, // Afterglow percentage
          shadow: false, // Whether to render a shadow
          hwaccel: false, // Whether to use hardware acceleration
          className: 'spinner', // The CSS class to assign to the spinner
          zIndex: 2e9, // The z-index (defaults to 2000000000)
          top: 'auto', // Top position relative to parent in px
          left: 'auto' // Left position relative to parent in px
        };
    var target = document.getElementById('myDiv');
    var spinner = new Spinner(opts).spin(target);
    ...Some code.....!!!!!
}

在显示该图像之前,您必须为页面提供遮罩。如何实现遮罩。。。你能给我一个想法或链接。。。我对JS了解不多,你可以在这里找到一个很好的简单教程。。使用javascript获取掩码有点棘手,所以请包括jquery库。这样你就可以继续你的东西了…@TheSureshAtta:谢谢。。!!