Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Animacja nie działa z input submit
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
omxd
Witam,
mam taki problemik otóż napisałem klase w jquery odpowiedzialna za animacje i wszystko działa tak jak chce ale problem pojawia się gdy probuję podpiąć ją pod input submit - animacja nie działa.Ktoś coś doradzi?
jquery:
  1. function hoverAnimation(obj){
  2.  
  3. var params = [];
  4. var params = obj;
  5. var length = params.length;
  6. var i =0;
  7. for (i; i < length ; i++)
  8. {
  9. $j(params[i])
  10. .css({ 'backgroundPosition': '0 0' })
  11. .hover(
  12. function(){
  13. $j(this).stop()
  14. .animate({
  15. 'opacity': 0
  16. }, 650);
  17. },
  18. function(){
  19. $j(this).stop()
  20. .animate({
  21. 'opacity': 1
  22. }, 650);
  23. }
  24. );
  25.  
  26.  
  27. }
  28.  
  29.  
  30. }
  31. var tablica = ['.menu_ofirmie a','.menu_oferta a','.menu_galeria a','.menu_referencje a',
  32. '.menu_kontakt a','.more a','.send a','.send input[type=submit]'];
  33. hoverAnimation(tablica);

css:
  1. .send {
  2. display:block;
  3. width:133px;
  4. height:39px;
  5. background:url('<?php echo Conf_Static::IMAGES;?>wyslij.png') no-repeat 0 -38px;
  6. border:0px solid black;
  7. }
  8. .send a,input[type=submit]{
  9.  
  10. display:block;
  11. width:133px;
  12. height:39px;
  13. background:url('<?php echo Conf_Static::IMAGES;?>wyslij.png') no-repeat 0 0;
  14. text-indent:-9999px;
  15. }
  16. .send input[type=submit],a:hover {
  17. background-position: 0 53px;
  18. }

html:
  1. <input class="send" type="submit" value="" />
  2. <div class="send"><a href="#"></a></div>

Przykład live:
http://marli.sry.pl/marli/example.html
Z góry dzięki
erix
Z animowaniem elementów formularza bywają problemy. Wrzuć je w jakiś kontener i animuj kontener.
omxd
cięzko mi sobie wyobrazić jak to zaatakować.W jaki sposób "naciskając" kontener mogę wysłać fomularz?
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.