packbd

terça-feira, 17 de março de 2015

http://www.loiane.com/2013/06/criando-aplicacoes-desktop-nativas-com-html-css-e-javascript-com-tide-sdk/

http://jekyllrb.com/

Mais informações »

segunda-feira, 16 de março de 2015

Menu accordion Jquery

Por gabriel dias16:38jquerySem Comentarios

<!DOCTYPE html>
<html>
<head>
<title>Behold!</title>
<link rel='stylesheet' type='text/css' href='http://code.jquery.com/ui/1.9.1/themes/base/jquery-ui.css'/>
<script type='text/javascript' src='script.js'></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js"></script>
</head>
<body>
<div id="menu">
<h3>jQuery</h3>
<div>
<p>jQuery é uma biblioteca em JavaScript que faz seus websites ficarem incríveis.</p>
</div>
<h3>jQuery UI</h3>
<div>
<p>A jQuery UI inclui ainda mais ferramentas poderosas em jQuery!</p>
</div>
<h3>JavaScript</h3>
<div>
<p>JavaScript é uma linguagem de programação usada em navegadores, e é ela que suporta jQuery e jQuery UI. Você pode aprender sobre JavaScript no <a href="http://www.codecademy.com/tracks/javascript" target="blank" style="text-decoration:none; color:#F39814">Curso de JavaScript</a>, aqui na Codecademy.</p>
</div>
</div>
</body>
</html>

$(document).ready(function() {
$("#menu").accordion({collapsible: true, active: false});
});

Mais informações »

Movimento com Jquery

Por gabriel dias16:07jquerySem Comentarios

Script de movimento simples com teclas de coordenadas.
$(document).ready(function() {
$(document).keydown(function(key) {
switch(parseInt(key.which,10)) {
// Left arrow key pressed
case 37:
$('img').animate({left: "-=10px"}, 'fast');
break;
// Up Arrow Pressed
case 38:
// Put our code here
$('img').animate({top: "-=10px"}, 'fast');
break;
// Right Arrow Pressed
case 39:
// Put our code here
$('img').animate({left: "+=10px"}, 'fast');
break;
// Down Array Pressed
case 40:
// Put our code here
$('img').animate({top: "+=10px"}, 'fast');
break;
}
});
});

Mais informações »