Posts sobre | Dicas blog, imagem Pc e Web
Mostrando postagens com marcador JavaScript. Mostrar todas as postagens
Mostrando postagens com marcador JavaScript. Mostrar todas as postagens

Reduzir JavaScript de seu site e blog com programa ou online, gratuito

O Closure Compiler é um programa que pode ser usado online para reduzir código de javascript. A pouco eu descobri esse programa e por ter achado ele muito útil resolvi até mesmo dar dicas de como usa, até porque ele tem alguns 'defeitos' que, com certeza não desmerece sua utilidade. Mas, por ele poder gerar algum problema, é bom que fique atento ao usar.

Javascript faz Div suspensa parece se mover com descer e subir da página

Mostrei um código css para a uma div ficar fixa no canto do blog ou página, agora um Script que faz algo semelhante, porém, a div fica suspensa e 'solta', parece que fica balançando quando desce ou sobe a página. A div é um elemento Html que dentro dela pode colocar coisas, sendo assim pode ser para uma imagem, anúncio ou texto tenha esse efeito.

JavaScript para blog/site que faz frase ficar passando no topo do navegador

Vou mostrar um JavaScript que faz com que o um título do blog ou página de site fique rodando no topo do navegador, mais ou menos isso.

Códigos para ocultar a Navbar do Blogger, Script ou Css

Vou mostrar um script pequeno que esconde a navbar do Blogspot e também um código Css para ocultar a navbar, aí, você escolhe.

Atualização importante 2013: Existe uma maneira mais fácil, correta e eficaz de retirar a navbar blogger, clique aqui, apesar de JavaScript parecer interessante, as coisas mudam e novas opções surgem, clique aqui e saiba mais

link aumentar mudar imagem dhtml onmouse

Esse link pode ser útil, já que ele faz o efeito de mudar, aumentar ou apresentar uma imagem escondida, usando algumas tags fáceis de aplicar e entender, tags javascript ou DHTML.

Vou mostrar duas maneiras diferentes de utilizar:


1º, o usuário passa o mouse sobre uma imagem e aparece outra, assim que ele retira o mouse da imagem volta a imagem anterior, causando ou efeito de mudança de imagem ou a ilusão de aumentar a imagem.










<A HREF="http://seusite.com/etc/pagina">
<img src="ENDEREÇO DA IMAGEM 1 menor .png .JPEG .GIF"
onmouseover="this.src='ENDEREÇO DA IMAGEM 2 MAIOR .png .JPEG .GIF';"
onmouseout="this.src='
ENDEREÇO DA IMAGEM 1 menor .png .JPEG .GIF';" />
</A>



2º, passando o mouse sobre a imagem, aparece outra, e, essa permanece, a utilidade desse efeito poderia ser usado para que a página carregue mais rápido.


site criou abaixo assinado online contra o trabalho escravo, nao ao trabalho escravo


<A HREF="http://seusite.com/etc/pagina">
<img src="ENDEREÇO DA IMAGEM 1 menor .png .JPEG .GIF"
onmouseover="this.src='ENDEREÇO DA IMAGEM 2 MAIOR .png .JPEG .GIF';"/>

</A>



Para entender, esse código <a href=" é o link , e http://s... é o endereço do link, ou seja, a página onde a pessoa irá ao clicar no link-imagem:
<A HREF="http://seusite.com/etc/pagina">

Esse código "puxa(faz aparecer) imagem na pagina" <img src=" ENDEREÇO DA IMAGEM o correto é algo como "http://foitestado.com/412223.GIF"
<img src="ENDEREÇO DA IMAGEM 1 menor .png .JPEG .GIF"
onmouseover="this.src='ENDEREÇO DA IMAGEM 2 MAIOR .png .JPEG .GIF';"/>
fim do código link
</A>

Agora vejam as imagens do 1º efeito
Para o primeiro efeito talvez seria interessante criar uma imagem "escondida" antes, ou seja de 0 px, isso fará o navegador baixar a imagem e quando passar o mouse ele não precisará fazer isso.


Imagem antes de passar mouse e ao retirar o mouseImagem texto ao passar ratoImagem texto ao passar Mouse-OverImagem text ao tirar o Mouse-menosSe quiser ver outro ponto de vista ou confundir mais clique aqui

Pesquisar

Google

Newsletter

Digite seu Email:

Postagens populares

Arquivo do blog

Recentes postagens populares