Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [jQuery] animate() zmiana stylu po najechaniu w odnośnik Proszę o szybką odpowiedz
vodkon
post
Post #1





Grupa: Zarejestrowani
Postów: 72
Pomógł: 0
Dołączył: 8.02.2011

Ostrzeżenie: (0%)
-----


Oto stary kod css który chce zaanimować dla lepszego efektu
  1. #pa_m:hover { padding:16px 12px 17px 12px;background-image: linear-gradient(bottom, rgb(26,26,26) 0%, rgb(89,89,89) 60%);
  2. background-image: -o-linear-gradient(bottom, rgb(26,26,26) 0%, rgb(89,89,89) 60%);
  3. background-image: -moz-linear-gradient(bottom, rgb(26,26,26) 0%, rgb(89,89,89) 60%);
  4. background-image: -webkit-linear-gradient(bottom, rgb(26,26,26) 0%, rgb(89,89,89) 60%);
  5. background-image: -ms-linear-gradient(bottom, rgb(26,26,26) 0%, rgb(89,89,89) 60%);
  6.  
  7. background-image: -webkit-gradient(
  8. linear,
  9. left bottom,
  10. left top,
  11. color-stop(0, rgb(26,26,26)),
  12. color-stop(0.6, rgb(89,89,89))
  13. ); }


znalazłem taki kod żeby animować css po najechaniu w niego(dodam że odnośnik ma nadany id="pa_m"):
  1. $(document).ready(function(){
  2. $("#pa_m").hover(function(){
  3. $("#pa_m").animate({padding:"16px 12px 17px 12px"},"slow");
  4. });
  5. });

Jak zrobić aby tam gdzie mamy padding i jego wartości wkleić cały kod css który jest u góry
i jeszcze aby działo się to po najechaniu i po odjechaniu z odnośnika element wracał do poprzednich wartości i czy jeśli mam na stronie już element jQuery to czy zdefiniowanie na początku kodu w ten sposób sprawi że wszyskie funkcje w jQuery będą działać i możliwe będzie użycie kilka razy jQuery na jednej stronie bez problemów
  1. <script type="text/javascript" src="/pd/jquery.js"></script>
  2. <script type="text/javascript"> jQuery.noConflict(); </script>


Ten post edytował vodkon 16.09.2012, 13:19:15
Go to the top of the page
+Quote Post

Posty w temacie


Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 21.08.2025 - 08:50