quarta-feira, 3 de abril de 2013

Mapa mundo com efeito em JQuery

Sei que tem como resumir o codigo, mas estou compartilhando só a nivel de aprendizagem mesmo:
Código do JS com o JQuery:

function total(){
$("#mundo img").stop(true).animate({width:"900",left:"0px",top:"0px"});
}
$(function($){//É executado, somente depois de toda a pagina ser carregada.
$("a[title='America do Sul']").click(function(){//Cada um desses, muda a posição e o tamnho da imagem(img) em relação ao div mundo.
total();
$("#mundo img").animate({width:"2200",left:"-200px",top:"-700px"}).attr("alt", "America do Sul");
});
$("a[title='America do Norte']").click(function(){
total();
$("#mundo img").animate({width:"2000",left:"100px",top:"-150px"}).attr("alt", "America do Norte");
});
$("a[title='America Central']").click(function(){
total();
$("#mundo img").animate({width:"3300",left:"-200px",top:"-750px"}).attr("alt", "America Central");
});
$("a[title='Africa']").click(function(){
total();
$("#mundo img").animate({width:"2500",left:"-860px",top:"-650px"}).attr("alt", "Africa");
});
$("a[title='Europa']").click(function(){
total();
$("#mundo img").animate({width:"2200",left:"-860px",top:"-200px"}).attr("alt", "Europa");
});
$("a[title='Asia']").click(function(){
total();
$("#mundo img").animate({width:"2500",left:"-1300px",top:"-400px"}).attr("alt", "Asia");
});
$("a[title='Oceania']").click(function(){
total();
$("#mundo img").animate({width:"2400",left:"-1500px",top:"-750px"}).attr("alt", "Oceania");
});
});


Marcação HTML do efeito acima:
<div id="mapa">
    <ul>
        <li><a href="javascript:;" title="America do Sul">America do Sul</a></li>
        <li><a href="javascript:;" title="America do Norte">America do Norte</a></li>
        <li><a href="javascript:;" title="America Central">America Central</a></li>
        <li><a href="javascript:;" title="Africa">Africa</a></li>
        <li><a href="javascript:;" title="Europa">Europa</a></li>
        <li><a href="javascript:;" title="Asia">Asia</a></li>
        <li><a href="javascript:;" title="Oceania">Oceania</a></li>
    </ul>
    <div id="mundo">
        <img src="../Olimpiada/exercicio_26-02/Midias/Plantas/casa_com_2_suites.jpg" alt="" /><!--Imagem grande usada na animação-->
    </div>
</div>

Estilização CSS:
*{
margin:0;
padding:0;
border:none;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
text-decoration:none;
list-style:none;
}
#mapa{
width:900px;
margin:0 auto;
}
ul{
text-align:center;
}
ul li{
display:inline-block;
}
#mundo img{
position:relative;
width:900px;
}
#mundo{
width:900px;
height:500px;
overflow:hidden;
}

Espero que vocês tenham gostado, e mas tarde eu disponibilizo a imagem que eu utilizei e como ficou o efeito, se quiserem baixar o código cliquem aqui.
JS na cabeça ;)

sábado, 21 de janeiro de 2012

World War Web

   Eu tinha postado isso no facebook, e achei que deveria coloca isso aqui também: A lei S.O.P.A, e a P.I.P.A, são leis que tem como objetivo defender o interesse econômico das grandes corporações produtoras de mídias áudio-visuais, leis totalitárias, sou totalmente contra pelo fato de não concorda com essas legislações que não protegem a população, e sim os grandes empresários, coisa que sempre aconteceu no sistema capitalista, alem do mais, com a aprovação dessas leis, o poder... do U.S.A de manter certo bloqueio a assuntos, que não lhes agradam aumentaria, como por exemplo: O WikiLeaks. Tenho visto muitos comentários na internet, citando o fechamento do MegaUpload, aos projetos de lei S.O.P.A e P.I.P.A, porém, esses projetos de leis, como o nome já diz, são apenas projetos, ainda não foram voltadas, assim então não foram postas em pratica. O fechamento do megaupload, foi por conta da legislação dos E.U.A, que já é bastante rígida com relação a internet, e com essas novas leis, só iria priora, então, vamos aqui pedi não somente, pela não aprovação dessas leis, como também, pela revogação de leis já existentes!!
#stopSOPA #stopPIPA #fuckTHEUSA

segunda-feira, 19 de dezembro de 2011

ALAGOAS EM CAOS

Desviando um pouco do foco do blog:
Atualmente a população alagoana esta vivendo em clima de medo, devido aos últimos acontecimentos que amedrontou e aterrorizou o estado de alagoas.
Ações como: a queima de 4 ônibus (http://tudonahor...em-maceio) e "arrastões em maceió", levaram medo à ruas de maceió.
Mas posso dizer aqui, que isso não é algo atual, e sim que já vem de tempos (http://video.globo.com/...0.html), essa violência em alagoas, só que apenas agora a mídia local passou a dar certa importância a isso, e que os acontecimentos acima citados, certamente elevaram a preocupação da população alagoana.
Tudo o que esta acontecendo é culpa do estado, que usa a ferramenta pública de repressão, "A Polícia", como a solução para os problemas enfrentados por nós na sociedade, quando a mesma só deveria ser usado quando a "Educação" de qualidade, a "Saúde Pública" que funcione, o "Lazer", e as "Politicas Públicas" voltadas na formação do cidadão, não funciona-se, com isso então entraria o papel da "Polícia" que é o de reprimir a violência (mas na pratica, a polícia é usada como ferramenta de repressão da população e não da violência, como exemplo: ao fazemos um ato público em frente ao palácio para cobra segurança e melhores condições de vida, quem estará la em nossa espera para nos reprimimos violentamente e sem razão? A Polícia!!)polícia essa que possui efetivo pequeno levando em consideração o numero de habitantes, e ainda mais é "mal" treinada, "mal" equipada, e "mal" remunerada.
Tudo isso resulta nisso: o amedrontamento de toda uma população!!
Posso dizer que, nós somos os reais culpados por isso, pois somos nós que vemos todos os dias na televisão noticias sobre corrupção, roubos, e outros, e não vazemos nada, simplesmente aceitamos como se isso fosse algo normal, "comum", então digamos que sejamos conivente com tudo isso não é verdade?
@LeonardoVFF - Facebook - Acorda!! Que eu só tenho 15 anos e estou tentando fazer algo, e você? Faz alguma coisa pra mudar a situação.

quinta-feira, 10 de novembro de 2011

To Voltando

  Depois de um ano e meio, que eu parei de posta e excluir todas as postagens desse blog, aqui estou, de volta para retorna a posta. A finalidade do blog, agora é outra, e vocês irão ver isso ao decorrer dos posts. Agradeço a todos pelo apoio que tenho recebido em meu website "The Computeiros", muito obrigado!
  E nessa primeira postagem, vou escrever sobre um coisa que não tem muita relação com o que irei aborda, nos próximos posts. Irei falar agora sobre a marca de 7 bilhões de pessoas, que foi atingida a pouco tempo.
  São exuberantes 7 bilhões de pessoas no mundo, e quase 1 bilhão dessas pessoas passam fome, sabe o que é isso? Quase um sétimo da população mundial não sabe nem o que é ter uma alimentação diária.
  Acorda! Você, só ao ter alimentação, já faz parte de cerca de seis sétimo da população, e ao ter acesso a educação, e a internet, esse grupo se enxuga mais ainda, não posso falar em números, até porque não os possuo, mas tente ao menos entender, que mesmo sem saber, você faz parte de um grupo seleto da população.
  Estude, sei que isso, para alguns não é prazeroso, mas você não deve leva isso em conta, e sim, considera o beneficio que o estudo trás. Sempre que for estudar, não se deixe leva pela preguiça e alega que isso é chato, lembre-se que sempre haverá uma recompensa após o estudo, pode ser que, essa recompensa não venha-te de imediato, mas com certeza ela virá.
  Perdi um pouco o foco do texto, mas besteira. Agradeço a todos pelo apoio!

quinta-feira, 10 de junho de 2010

Dando um tempo aqui, excluir todos os posts, pois vou volta a posta sobre um novo tema!