Mootools Fx Slide Options

Elementos - (elemento) O elemento a ser deslizado. Opções - (objeto. Opcional) Todas as opções Fx além do modo e do invólucro. Modo - (padrão de cadeia para 39vertical39) String para indicar que tipo de deslizamento. Pode ser definido como 39vertical39 ou 39horizontal39. Wrapper - (elemento padrão para this. element) Permite configurar outro elemento como wrapper. HideOverflow - (valores padrão booleanos para true) define automaticamente o excesso do invólucro para transbordar, caso contrário ele herda do elemento que está sendo embrulhado. ResetHeight - (padrão booleano para false) Automaticamente redefine a altura do wrapper quando a animação slide unfold é completada, permitindo manipular o conteúdo, mantendo-o ajustando naturalmente. Propriedades abertas - (booleano) Indica se o elemento deslizante está visível. Para criar o efeito de slide, um elemento adicional (um quotdivquot por padrão) é enrolado em torno do Elemento fornecido. Este invólucro adapta a margem do Elemento. O excesso de vazão é configurado para oculto e tem uma altura fixa. Desliza o elemento em vista horizontal ou verticalmente. MooTools - Fx. Slide Fx. Slides é uma opção que permite exibir o conteúdo deslizando na vista. É muito simples, mas aumenta a aparência da UI. Deixe-nos discutir sobre como criar e inicializar um Fx. Slide, suas opções e métodos. Primeiro, inicializaremos a classe Fx. Slide com uma instância definida pelo usuário. Para isso, temos que criar e selecionar um elemento HTML. Depois disso, aplicaremos CSS a esses elementos. Finalmente, iniciaremos uma nova instância do Fx. Slide com nossa variável de elemento. Opções de Fx. Slide Existem apenas dois modos de opção Fx. Slide e wrapper. O modo oferece duas opções, vertical ou horizontal. Vertical revela de cima para baixo e horizontal revela da esquerda para a direita. Não há opções para ir de baixo para cima ou da direita para a esquerda, e entendo que hackear a própria classe para conseguir isso é relativamente simples. Na minha opinião, é uma opção que eu gostaria de ver padrão, e se alguém cortou a classe para permitir essas opções, deixe-nos uma nota. Por padrão, Fx. Slide lança um invólucro em torno de seu elemento de slide, dando-lhe transbordamento: oculto. O Wrapper permite que você defina outro elemento como o wrapper. Como eu disse acima, não estou claro em que isso seria útil e gostaria de ouvir quaisquer pensamentos (graças a horseweapon no mooforum. net por me ajudar a esclarecer isso). Fx. Slide Methods Fx. Slide também possui muitos métodos para mostrar e ocultar seu elemento. Como o nome indica, esse método disparará o evento de início e revelará seu elemento. SlideOut () Desliza seu elemento de volta para o estado oculto. Isso irá deslizar o elemento para dentro ou para fora, dependendo do estado atual. Método muito útil para adicionar aos eventos de clique. Isso irá esconder o elemento sem um efeito de slide. Isso mostrará o elemento sem um efeito de slide. Atalhos Fx. Slide A classe Fx. Slide também fornece alguns atalhos úteis para adicionar efeitos a um elemento. Set (slide) Em vez de iniciar uma nova classe, você pode criar uma nova instância se você definir slide em um elemento. Opções de configuração Você pode configurar opções com o atalho menos Uma vez que o slide é. set (), você pode iniciá-lo com o método. slide ()..slide aceitará menos cada um correspondente aos métodos acima. Vamos dar um exemplo que explica sobre Fx. Slide. Dê uma olhada no seguinte código. Clique nos botões openA, closeA, openB e closeB. Observe as alterações, os efeitos e a notificação de eventos nos indicadores.