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
 
Start new topic
Odpowiedzi
vodkon
post
Post #2





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

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


Działa ale tylko pierwszy odnośnik ja mam 3 których id jest taki sam wtedy tylko pierwszy działa, 2 sprawa obiekt nie wydaje się być zaminowany wygląda tak samo jak z "#pa_m:hover" oczywiście usunąłem ten i stworzyłem .pa_m_hover czy można zrobić tak aby obiekt był animowany płynnie przechodził?
  1. $(function () {
  2. $("#pa_m").hover(function () {
  3. $(this).addClass("pa_m_hover") },
  4. function () { $(this).removeClass("pa_m_hover")
  5. });
  6. })
Go to the top of the page
+Quote Post

Posty w temacie


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

 



RSS Aktualny czas: 25.09.2025 - 23:52