Question

我有一个将光标更改为＆＃34;等待＆＃34;当您单击一个单选框时，因为该页面需要重新加载。我还想添加一个叠加层，让页面变为灰色＆＃34;他们点击单选按钮时出来。任何人都可以帮我添加这个功能的叠加层吗？或者我需要一个全新的功能？

     function setHourglass()
     {
       document.body.style.cursor = 'wait';
     }

Answer 1

你可以使用css过滤器方法和一些JQuery：

<ListBox x:Name="listBox" Height="100" Margin="0,0,0,0" Grid.RowSpan="2" VerticalAlignment="Top" ScrollViewer.HorizontalScrollMode="Auto">
    <ListBox.Resources>

让它回来使用：

  function setHourglass()
     {
       document.body.style.cursor = 'wait';
       $('body').css({
         'filter':'grayscale(100%)',
         '-webkit-filter':'grayscale(100%)'
       });
     }

我希望这能解决你的问题

You can read more about CSS filter here

Answer 2

对于你需要的东西，我将通过css和纯javascript来完成所有工作，而不需要jQuery。

首先让我们更新你的功能：

    function setHourglass(){
        // Cache HTML tag
        var page = document.getElementsByTagName('html')[0];
        // Add a custom class when the function is called
        page.className = 'wait'; 
    }

在课堂上等着css，你可以做你需要的一切：

.wait {
    cursor: wait;
}

.wait body:after {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 999;
    content: '';
    /*background: rgba(0, 0, 0, 0.5);*/
    /*Alternative for what we have below*/
    background: #000;
    opacity: 0.5;
}

小提琴是here

需要在jquery中添加页面覆盖

2 个答案: