Um Projeto da Magia Html Cliente Edges

sendo tudo igual. Ainda no atributo de estilo, a próxima coisa que você vê é, "a esquerda = 0px; top: 0px;" Essa é a posição esquerda é de zero pixels e na posição correta é de zero pixels. Estes valores irão ser alterados por um script, por isso, é aconselhável ter-los no atributo do elemento. Eles são como os valores padrão. O que o script faz é que, quando o painel está saindo ou indo para a borda esquerda, o valor top é zero; quando o script está saindo de entrar ou a borda superior, o seu valor é zero à esquerda.

A esquerda e as propriedades top deve ser colocado no atributo style. O resto das outras propriedades podem ser colocados na folha de estilo. A última propriedade que temos no atributo de estilo do DIV exterior, é a propriedade de exibição. O seu valor é, "none". Com o valor inicial de nenhum, você não vê o painel (DIV exterior) e tudo o que ele contém. Quando você tem que ver o painel, roteiro irá alterar o valor para "bloquear". O elemento DIV interior será então rolar dentro deste bloco. O Mimic Edges o elemento do corpo é dada uma margem (todos os quatro) de 0px. É dado um estofo de 0px.

Os valores padrão para margin e padding são dependentes navegador. Para evitar a complexidade no layout Eu lhes dei pixels de zero. O valor limite predefinido para o corpo é permitido. Isso também é dependente do navegador, mas por uma questão de simplicidade, vamos permitir isso. A borda esquerda mímica é um elemento DIV, enquanto a borda superior mímica é um elemento (regra horizontal) HR. O elemento HR é apenas o elemento ideal para imitar uma borda. Não existe uma regra vertical; caso contrário, teríamos utilizado para a borda vertical.

Estes são os elementos de borda imitar: id = style = posição "DU" onmouseover = "doShiftDown ()" ": absolute; z-index: 2; left: 0px; top: 0px; width: 100%; height: 1px; fundo -cor: # FF9933; border-width: 0px; padding: 0px; margin: 0px "Os valores dos atributos são muitas para qualquer elemento. Vamos explicá-las brevemente. O ID da borda imitar esquerda (DIV) é 'DL'. Quando o mouse está sobre este elemento, uma função, doShiftRight () é chamado. Esta função prepara a página para começar a mudar a div interna para a direita. O atributo de estilo para esse elemento tem muitas propriedades.

A primeira é a propriedade posição cujo valor é "absoluto". A segunda é a propriedade z-index, cujo valor é 2. Lembre-se que o elemento de corpo tem um valor para a propriedade z-index de 0. Sob esta condição, a borda esquerda imitad