Postagens

Mostrando postagens de junho, 2014

Efeito usando animate do jquery com o easing

Fala galera...!!! Eu precisei replicar um efeito aprovado num layout da empresa esses dias e tive dificuldades por não ter feito algo parecido antes e os exemplos que encontrei não me davam uma ideia clara. Então eu fui mexendo daqui e dali e consegui o efeito usando a biblioteca easing do jquery. Vamos então iniciar baixando o jquery e a biblioteca Easing . Agora vamos ao código: Cria um arquivo chamado teste.htm e copia o código abaixo para ele. Depois cria uma pasta js dentro da pasta onde você criou o arquivo e dentro dela coloque o jquery e a biblioteca. Teste de efeito É simples realizar o efeito, você pode trocar os efeitos, colocar por exemplo theSquare2.toggle(function(){theSquare2.show();}); Enfim...!!! É isso aí, eu não encontrei exemplos legais na net para realizar o efeito que eu queria mas fui juntando o que fui entendendo e montei esse. Espero conseguir ajudar muita gente. um grande abraço, comentem e deixem as suas opiniões que elas são super...

Upload Múltiplo com Jquery - PlUpload

Imagem
Olá galera. Neste post vou mostrar para vocês uma forma simples de realizar uploads múltiplos usando o jquery e o plug-in plupload. Primeiro vamos baixar o plugin clicando aqui Agora vamos baixar o JQuery Eu vou realizar o exemplo no ColdFusion porque é mais prático mas a lógica é a mesma para todos. Vamos começar então. Crie uma pasta chamada teste na raíz do seu site Agora crie uma pasta chamada JS e uma pasta chamada Upload Dentro da pasta JS você vai colocar seu arquivo jquery e a pasta do PlUpload Vamos criar dentro da pasta teste nosso arquivo index.cfm com o código abaixo: Aguarde, carregando. Agora vamos criar o componente que vai realizar a parte de upload. Vamos criar um componente dentro da pasta teste junto com o index.cfm chamado de upload.cfc e copiar o código abaixo. var uploadDir = expandPath('.') & '/uploads/'; // should be a temp directory that you clea...