Desenvolvendo Sites

Postagens

Mostrando postagens de junho, 2014

Efeito usando animate do jquery com o easing

- junho 25, 2014

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. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pt-br" lang="pt-br"> <head> <title>Teste de efeito</title> <script type="text/javascript" src="js/jquery.js"></script> <script type="text/java

Upload Múltiplo com Jquery - PlUpload

- junho 11, 2014

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: <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <style type="text/css"> @import url(js/plupload/jquery.plupload.queue/css/jquery.plupload.queue.css); </style> <script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>