Desenvolvedores Web: Pronto para uso Sliders JavaScript para seus projetos web

pós

Isto é útil para desenvolvedores web / outros desenvolvedores que gostaria de usar Sliders JavaScript em seus projetos web respectivos. Os controles deslizantes que são descritas abaixo pode ser personalizado de acordo, dependendo da exigência. Em sua maioria, estes são personalizáveis ​​usando CSS, eu quero dizer sobre a forma como você quer apresentar o mesmo em seu projeto web.

jQuery, ExtJS, Mootools, YUI são usados ​​nestes exemplos. Escolha sua opção de Slider e implementá-lo em seu projeto de acordo. Gostaria de sugerir que aqueles que têm boas mãos no conhecimento sobre os quadros acima mencionados / APIs pode lidar com isso muito facilmente. Mesmo a lista respectiva também vai ajudar os iniciantes que queriam saber sobre como estes sliders são trabalhadas e como ele pode ser personalizado de acordo.

Ext Slider – ExtJS

Site

: extjs . com
Preview: clique aqui

href=”http://www.extjs.com/deploy/dev/examples/slider/slider.html” rel=”nofollow” class=”exlnk” target=”_blank”>

Desenvolver um controle deslizante acessível

WebSite

: filamentgroup.com
Preview: Clique aqui
Descrição : Esta barra é composta de não- marcação semântica que é divs e spans, requer avançados CSS de posicionamento, para imagens de fundo e JavaScript para funcionar corretamente. Se você gostaria de saber mais sobre o mesmo, então clique aqui

href=”http://www.filamentgroup.com/lab/developing_an_accessible_slider/” rel=”nofollow” class=”exlnk” target=”_blank”>

Yahoo!

UI Library: Slider

Site

: developer.yahoo.com
Preview: Sliders Exemplo
Descrição:

componente

O Slider é um controle de interface do usuário que permite ao usuário ajustar valores de um intervalo finito ao longo de um ou dois eixos. Normalmente, o controle Slider é utilizado em uma aplicação web como um substituto, rico visual para uma caixa de entrada que leva um número como entrada. O controle Slider também pode facilmente acomodar uma segunda dimensão, proporcionando x, y de saída para um ponto de seleção escolhida a partir de uma região retangular.

Clique aqui para saber mais sobre este Slider.

exemplos

controle deslizante inclui Slider Vertical Basic , Slider Horizontal com marcas de escala , Controle Slider RBG , Inferior para Slider Vertical top , Slider horizontal com dois polegares , Dual-polegar Slider com destaque gama

href=”http://developer.yahoo.com/yui/examples/slider/index.html” rel=”nofollow” class=”exlnk” target=”_blank”>

DHTML Widget: Inline Slider Faixa

Site

: hedgerwow.com

href=”http://www.hedgerwow.com/360/dhtml/ui-range/demo.html” rel=”nofollow” class=”exlnk” target=”_blank”>

DHTML Slider

Site

: DHTML Slider
Descrição: Ele foi projetado com uma combinação de (X) HTML, Cascading Style Sheets (CSS) e JavaScript. Leia Mais …

href=”http://carpe.ambiprospect.com/slider/” rel=”nofollow” class=”exlnk” target=”_blank”>

UI

/ Slider – jQuery

Site

: docs.jquery.com

O plugin do jQuery

Slider UI torna elementos selecionados em sliders. Existem várias opções, como lida com múltiplas e intervalos. A alça pode ser movido com o mouse ou as teclas de seta.

href=”http://docs.jquery.com/UI/Slider” rel=”nofollow” class=”exlnk” target=”_blank”>

deslizante

Banner – Mootools 1.2

Site

: php-help.ro

href=”http://www.php-help.ro/examples/mootools_rotator/” rel=”nofollow” class=”exlnk” target=”_blank”>

Espero que este artigo para melhorar suas habilidades em JavaScript e sobre as últimas JavaScript API. Por favor, deixe-me saber a sua opinião sobre a coleção e por favor post, se você se deparar com mais widgets como esse

Os artigos que você gostaria de ler: Slide impressionante o suficiente Shows desenvolvido utilizando jQuery, Ajax, Prototype.js, Ext.js, Lightbox JS, Mootools, YUI Nós da Equipe venceu em Truveo Concurso Developer Challenge – TechVideoBytes  

Este tutorial irá mostrar-lhe como criar um acordeão simples com jQuery. Para mais dicas e tutoriais, visite www.detacheddesigns.com / blog
Avaliação vídeo: 05/04

Encontrar Mais