Dropdown Menu elegante com o EasyDropDown

A+ A-

A é um elemento da linguagem de programação HTML, usada para recuperar um conjunto de dados específicos de uma tabela específica ou drop-down list. Um elemento muito útil que é fortemente capaz de recuperar um único dados do banco de dados abraço. Pessoas que gostam de criar uma página web atraente, o elemento em seu navegador web não parece fácil de usar com grande estilo.

Para dar estilo à página web que podemos usar CSS, mas não é suficiente em termos de facilidade de uso.

EasyDropDown.js, um plugin jQuery livre abrange todos os tipos de problemas.


"EasyDropDown.js" é muito mais capaz de dar estilo atraente para o elemento que pode ser muito útil na criação de página web impressionante. A aplicação do elemento com este plugin irá fornecer controle de teclado completo com a pesquisa textual. Esta ferramenta fornece um inner-scroll para o grupo de itens para limitar o tamanho da caixa drop-down.

Vamos ver como instalar esta ferramenta interessante,

Processo de instalação

Para instalar EasyDropDown,

Em primeiro lugar, compreendem a biblioteca jQuery eo JavaScript dentro da página web.

Este processo também inclui o estilo CSS in-entre o tag head do código HTML.

Enquanto estiver usando outro tema, garante que você está amarelando os arquivos dentro de sua pasta web, não precisa adicioná-los no HTML para chamá-los.

Estilo do elemento

EasyDropDown.js pode criar um menu drop-down customizável com uma marcação fresca, semântica. No entanto, elementos só pode ser utilizado com HTML, que você pode desativar também, descrever uma determinada opção ou adicionar uma etiqueta com facilidade.

Para dar o estilo, em primeiro lugar envolvem uma classe "suspenso" para as tags e usar uma classe "label" para adicionar etiqueta dentro da opção. Aqui está a marcação simples,

Agora, você há necessidade de adicionar qualquer código JavaScript personalizado. O velho vai se transformar em uma nova entrada drop-down bonita.

Para incluir uma opção de pré-selecionados simplesmente dar o seu drop-down com o atributo selecionado. Não é necessária a inclusão de etiqueta com essa configuração geral como o valor seleccionado irá dominar o rótulo.

O drop-down também pode ser desativado usando o atributo desativado, mostrado na figura abaixo,

Pronto para usar temas

EasyDropDown.js também está incluído em outros temas prontos para uso, tais como; Metro e Flat. Use-atributo de dados HTML5 para usar esses temas.

Com a tag envolvem dados-settings = "{" wrapperclass ":" é o tema-name "} 'para aplicar um outro tema. Você também pode alterar o nome do tema com o presente tema "nomes: metro" ou "flat", mostrado na figura abaixo,

Conclusão

Como eu mencionei acima, simples e fácil plug-in EasyDropDown jQuery com o elemento pode facilmente criar atraentes elementos suspensos, tais como; no menu suspenso, suspenso lista de seleção, etc.