Código completa da Magia Html Cliente Edges

ável, leftPaneShown é falso, significando o elemento BODY foi clicado fora do painel. Então, quando esta função é chamada, se o valor dessa variável é falsa, então as instruções são executadas. As demonstrações começar com outra declaração if. Este verifica se o painel ainda está em movimento, verificando se a variável processOnL é verdade. Se é verdade, ele não executar as instruções que ele tem. Se ela é falsa ele executa os comandos. Quando ela é falsa, a primeira instrução define a variável processOnL para true, indicando que o painel é começar movimento ou estiver em movimento.

Lembre-se, sob essa condição, nada pode parar o movimento do painel, e nenhuma ocorrência de painel pode sair de qualquer ponto das bordas. O restante das declarações são familiares. O último chama a função, shiftLeft () a cada 10ms. É este shiftLeft () que, na verdade, o painel se desloca para trás na borda. O shiftLeft () Esta função muda o DIV interior de volta para a borda. Ele define a propriedade de exibição do DIV exterior como "nenhum", (fazendo os elementos abaixo-lo livre para o acesso por exemplo, para ser selecionado, arrastando o mouse).

A função também redefine certas variáveis ​​e dá as posições iniciais para o DIV exterior e interior. Com esta opção repõe e posições iniciais dadas, todo o processo pode ser repetido a partir da borda esquerda (ou borda superior por outras funções) sem conflito. Esta é a função:. ShiftLeft função () {document.getElementById ('Calc') style.left = x; //interromper a rolagem esquerda, se (x {self.clearInterval (TL); document.getElementById ('Cont') style.display = "none";. processOnL = false; //redefinir as posições do movimento de esquerda document.getElementById ( 'Cont') style.left = 0;.

document.getElementById ('Cont') style.top = 0;. document.getElementById ('Calc') style.left = 0;. document.getElementById ('Calc'). style.top = 0; paneBack = true;} x- = 3;.} A função deve ser auto-explicativo Código de Deslocar para baixo e para cima para cada variável e função relacionada com a borda esquerda, há uma variável equivalente ou função para deslocar para baixo e para cima (relacionado com a borda superior), mas com nomes diferentes Você pode obter o código completo, que inclui esta seção a partir do link:. https://www.cool-mathematics.com/downloads/MagicEdges.

zip Funções relacionados com a Esquerda e Margem Superior Existem duas funções que estão relacionados com a borda esquerda e superior. Um deles é: removePane função () {if (bord