Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17743
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Controle do tamanho da div por link

05-08-2008 20:47

Esse script permite controlar o tamanho ( width ) da div ao clicar nos links.

<script type="text/javascript"> function moveTo(elm,dist) { elemento = elm; distancia = dist; x=parseInt(elemento.style.width); distance=distancia-x; tot=x+Math.ceil((distance/2)); elemento.style.width=tot+'px'; function c() { moveTo(elemento,distancia); return false; } if(distance==0) { clearTimeout(timer); return false; } timer=setTimeout(c,80); } </script> <style type="text/css"> <!-- .style1 { font-size: 18px; color: #FFFFFF; } .style2 {color: #FFFFFF} --> </style> <table width="150" border="0"> <tr> <td><span class="style2"><br> </span> <div class="style1" id="bluesquare" style="width: 200px; height: 150px; background-color: blue;">Conteudo da div - Conteudo da div - </div> <a onclick="return moveTo(document.getElementById('bluesquare'),400)" href="javascript://">aumentar </a><br /> <a onclick="return moveTo(document.getElementById('bluesquare'),200)" href="javascript://">diminuir </a><br> </td> </tr> </table>

0
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Bing [Bot]