Blog

Estamos sempre antenados no que hà de mais moderno.

Criando um slider para valores em JQUERY

Hoje vamos aprender a criar um filtro de busca bastante útil para implementar em nossos sites: um slider, emJQUERY, para selecionar entre um valor mínimo e um valor máximo.

Então vamos lá!

Passo 1

Inicialmente faça o download dos arquivos necessários para a implementação do script. Após finalizar o download, descompacte os arquivos para a pasta "raiz" do seu site.

Passo 2

Entre as tags  e do nosso HTML vamos incluir nosso CSS com atributos para personalizar o nosso slider.

 

Passo 3

Vamos agora inserir entre as tags e , inclua as seguintes linhas de código:






Passo 4

Ainda enre as tags e , inclua a função principal do nosso script, conforme abaixo:


Passo 5

Para finalizar, vamos criar entre as tags e   o seguinte código:

 
 

Pronto, assim criamos a nossa barra slider para filtro de valores mínimo e máximo. Confira abaixo o script completo:

CRIANDO UM SLIDER PARA FILTRO DE VALORES EM JQUERY  



 
 
Share:

Escrito por Rafael Coitiño

Formado em Web Design e Produção Multimídia e Pós Graduado em Desenvolvimento de Sistemas, atuo na área de desenvolvimento Frontend e Backend desde 2002.

0 Comentários

Deixe seu Comentário