animate background image with jquery

Κώδικας, πληροφορίες, ερωτήσεις και απαντήσεις σχετικές με την JavaScript.

Συντονιστές: WebDev Moderators, Super-Moderators

Απάντηση
mgiota
Δημοσιεύσεις: 190
Εγγραφή: 15 Σεπ 2009 13:11
Τοποθεσία: Θεσσαλονίκη
Επικοινωνία:

animate background image with jquery

Δημοσίευση από mgiota » 25 Φεβ 2010 18:25

Καλησπέρα παιδιά,

φτιάχνω μια ιστοσελίδα και θέλω να δημιουργήσω στο navigation του site το εφέ που φαίνεται στην επισυναπτόμενη εικόνα. Στο hover και στο κλικ δηλαδή θέλω το background-image της εικόνας να είναι υπερυψωμένο.

Έχει κανείς κάποια ιδέα πως μπορώ να το κάνω αυτό με jquery; φαντάζομαι με animate την background-image. Έχει δει κανείς κάτι παρόμοιο να παραθέσει κάποιο link;
Συνημμένα
menu.jpg
menu.jpg (5.42 KiB) Προβλήθηκε 2107 φορές

Άβαταρ μέλους
dimsis
Reporter
Δημοσιεύσεις: 7994
Εγγραφή: 25 Ιούλ 2001 03:00

animate background image with jquery

Δημοσίευση από dimsis » 25 Φεβ 2010 20:38

Image swap αν κάνεις δεν σου αρκεί;
θέλεις να ανεβαίνει και σταδιακά το tab;
αν όχι φτιάχνεις μια εικόνα ας πούμε 50 pixel ύψος όπου σχεδιάζεις το υπερυψωμένο κουμπί και την εναλλάσσεις με μια εικόνα όπου χρησιμοποιείς τα 30 κάτω pixels για την ΜΗ υπερυψωμένη...

http://www.dynamicdrive.com/style/cssli ... ntal_tabs/

αν επιμένεις να έχουν και animation: http://www.viget.com/inspire/fun-with-j ... -function/

mgiota
Δημοσιεύσεις: 190
Εγγραφή: 15 Σεπ 2009 13:11
Τοποθεσία: Θεσσαλονίκη
Επικοινωνία:

animate background image with jquery

Δημοσίευση από mgiota » 26 Φεβ 2010 10:54

ok thanks, από μια γρήγορη ματιά που έριξα στα demo είναι αυτό που χρειάζομαι.

Απάντηση

Επιστροφή στο “JavaScript και Frameworks”

Μέλη σε σύνδεση

Μέλη σε αυτήν τη Δ. Συζήτηση: Δεν υπάρχουν εγγεγραμμένα μέλη και 0 επισκέπτες