Animar Div Usando Um For()
#1
Posted 17/10/2006, 11:45
Eu quero que quando clicar num determinado link uma div do tipo "Tool Tip" apareça mas não quero fazer ela simplismente aparecer quero que ela apareça com largura e altura 0 (zero)
E vá aumentando o tamanho até alcançar 100px (Cem pixels) assim ela terá um efeito de movimento...
Bom a idéia é fazer com que ela receba de um for() os novos valores de altura e largura mas já tentei muito e não consigo acessar as propriedades width e height
Se alguem puder me dar umas dicas ai eu agradeço
Falopa!
#2
Posted 17/10/2006, 14:14
Dividindo 200 / 10 = 20. 20 pixels por iteração na largura.
Dividindo 100 / 10 = 10. 10 pixels por iteração na altura.
Tendo isso é só incrementar, partindo do zero, até chegar nos limites.
É mais ou menos a lógica que usei neste script aqui:
http://megastore.uol.com.br/ (Veja a caixa "Destaques")
Edição feita por: Klaus, 17/10/2006, 14:16.
#3
Posted 17/10/2006, 14:46
<script language="javascript" type="text/javascript"> function mostra(tamanho){ var largura = document.getElementById('bloco').width; for(i=0; i >= tamanho; i--){ largura = i; } if(i <= tamanho){ alert("Tamanho igual "+ largura); } } </script> </div> <a href="#" onclick="java script:mostra('450');">asdfasd</a> <div id="bloco" style="width:500;">Meu bloco</div> </div>Eu tentei fazer assim só pra ver como ficaria o troço só um teste mesmo
Falopa!
#4
Posted 17/10/2006, 14:50
Não esquece de colocar a unidade!
Edição feita por: Klaus, 17/10/2006, 14:50.
#5
Posted 17/10/2006, 15:29
ve se te ajuda...
<script type="text/javascript"> function pega(b){ return document.getElementById(b); } StartResize = function (obj, tamanho, sentido){ var obj = pega(obj).style; var resultado = (tamanho); switch (sentido){ case '+': obj.height = (resultado)+'px'; break; case '-': obj.height = (resultado)+'px'; break; case '/-': obj.height = (resultado)+'px'; obj.width = (resultado)+'px'; break case '/+': obj.height = (resultado)+'px'; obj.width = (resultado)+'px'; break } } Resize = function (obj, speed, timer, turbo, inicio, fim, sentido){ var speed = speed; var timer = timer; var obj = obj; var inicio = inicio var fim = fim var tamanho = tamanho; switch (sentido){ case '+': for(i=inicio; i < fim;i+=turbo) setTimeout('StartResize("'+obj+'", '+i+', "'+sentido+'")', timer ++ * speed) break; case '/+': for(i=inicio; i < fim;i+=turbo) setTimeout('StartResize("'+obj+'", '+i+', "'+sentido+'")', timer ++ * speed) break case '-': for(i=inicio; i > fim;i-=turbo) setTimeout('StartResize("'+obj+'", '+i+', "'+sentido+'")', timer ++ * speed) break case '/-': for(i=inicio; i > fim;i-=turbo) setTimeout('StartResize("'+obj+'", '+i+', "'+sentido+'")', timer ++ * speed) break } } Resize('id_div', 10, 0, 5, 0, 650, '+'); </script> <div id="id_div" style="background:#996699;">Conteudo</div>
falow
* Administração e Configuração de Servidores;
* Combinação Perfeita: NGINX + PHP + VARNISH + HAPROXY
* otavio*iporto.com ~ Tel: +55 51 3366 0177 | +55 51 4063 7343 |
* @iporto
#6
Posted 18/10/2006, 09:15
PS.: Por causa de uns estilos aplicados no CSS eu tive que usar uma ER no valor retornado pelo style.width já que ele retornava uma string ao invés de um número, assim não permitindo operações matemáticas.
PS2.: Não sei na sua aplicação, mas na minha o JavaScript não conseguia obter o valor do width setado por uma folha de estilos, era preciso setar no começo do script antes da chamada da função, e até o presente momento não achei se é um bug (no javascript ou na minha cabeça) ...
Yeah I do have some stories, and it's true I want all the glory ...
#7
Posted 18/10/2006, 10:36
Ele só vai ler se a declaração for inline.
Para ler isso, você precisa ler o computedStyle. Isso rola no Firefox... no IE é outra coisa, numa Googlada você acha.
#9
Posted 26/09/2017, 06:33
Buying Viagra In India Finasteride 10mg Skin Health cialis Viagra Vendita Negozio Comprar Levitra Con Seguridad Cpt Injection Cephalexin
#10
Posted 10/10/2017, 03:42
Stendra Ed Buy Zithromax 500mg 193 Dth 24 B Kamal Kunj Mumbai India viagra Propecia Positive Erfahrungen
#11
Posted 10/10/2017, 11:01
Buy Claravis Propecia viagra Viagra France Forum Acheter Cialis En Ligne Canada Macrobid Urinary Tract Infections
#12
Posted 10/10/2017, 12:49
Genaric Viagra Retailers In Canada viagra prescription Discount On Plavix Acheter Du Priligy Quebec
Where To Purchase Acticin Permite Acheter Levitra Bayer Levitra Canada viagra Keflex For Mrsa Infections Comprar Cialis En Farmacias Similares Cialis Acquisto Farmacia
Amoxicillin Nausea Cats Side Effects Of Amoxicillin Propecia De 5mg cialis 40 Mg Lasix Brand Cialis Overnight Amoxicillin Antibiotics For Bowel
Prix Pilule Viagra En Pharmacie Purchasing Amoxicilina With Overnight Delivery Cialis Besser Levitra usda approved generic levitra Replacement For Zoloft Viagra Pour Femme Avis Amoxicillin Dental Graft
Kwikmed Competitors Prix Du Cialis 5 Mg Acheter Priligy En Ligne Nz viagra online pharmacy Non Generic Viagra Online Pharmacy Potenzmittel Cialis De
#13
Posted 25/10/2017, 17:31
Kamagra Oral Jelly Miglior Prezzo Comprar Cialis Zaragoza cialis Comprar Cialis Valencia Sin Receta Cialis Non Assuefazione
Ed Pills No Perscription Levitra Bayer Italia Generic Zentel Overnight Shipping Shipped Ups cialis buy online No Script Viagra 50 Mg Pilule Pour Avorter
#14
Posted 07/11/2017, 13:17
Viagra Chepa Online levitra professional Vendita Levitra Per Buy Cialia Canada Can Keflex Cure Chlamydia Apa Format
#15
Posted 07/11/2017, 18:30
Free Varga Pills viagra Keflex Urinary Tract Infection Amoxicillin Itchy Bumps Rash Picture
Levitra Assuefazione Secure Tab Doryx Cheapeast Free Shipping Amoxicillin With Clavulanic Acid And Chewable viagra Propecia In Zurigo Amoxicillin 400mg Suspension Xenical Prix En France
Propecia Prescription Comprar Cialis Lilly Kamagra Bestellen Com acquista vardenafil Zithromax Vs Levaquin Amoxil 1g
Cialis For Sale Fast Deliveri Cheap Viagra Pill cheap vardenafil 20mg Provera Internet Low Price Zithromax Typical Dosage Acheter Viagra En Espagne
Prescription Drugs From Canada Online Can You Buy Valtrex In Mexico Viagra Hace Durar Mas cialis Viagra Cost Per Tablet
Costo Cialis 10 Mg cialis buy online Ampicillin Amoxicillin Dosage Viagra Formulazioni Ampicilline Antibiotiques Amoxil
2 user(s) are reading this topic
0 membro(s), 2 visitante(s) e 0 membros anônimo(s)