Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [inne][AJAX][JavaScript]animowane menu
interu58
post
Post #1





Grupa: Zarejestrowani
Postów: 48
Pomógł: 0
Dołączył: 25.10.2012

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


Witam,

Poszukuje podpowiedzi w jaki sposób mogę zrobić takie pojawiające się menu jak to ze strony poniżej. Chodzi o menu z ikonkami.
http://strategaresearch.pl/
Zaglądałem w kod źródłowy i próbowałem napisać coś podobnego, ale niestety za słaby jestem i mi to kompletnie nie chce działać.
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
interu58
post
Post #2





Grupa: Zarejestrowani
Postów: 48
Pomógł: 0
Dołączył: 25.10.2012

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


Hmm...wrzuciłem sobie ten Twój kod odnośnie menu i coś tu nie działa.
Generalnie ikonki/obrazki nie wyświetlają się - trzeba zmienić
#ikona img{
position:absolute;

na relative


zmiana obrazka po najechaniu muszką nie działa zupełnie.

<img src="link do obrazka przed najechaniem myszką" id="back"/>
<img src="link do obrazka po najechaniu myszką" id="top"/> ----> sprawia, ze obrazek który jest przed najechaniem myszą staje się większy, a nie się zamienia na inny. nie zachodzi tez żadna zamiana przy użyciu myszki.

nie rozumiem po co to rozdzielenie kafla i ikon, w sensie, ze mi to nie działa poprawnie.

Przerobiłem kod na taki:
<div id="kafel">
<a href="#kontakt" title="kontakt">
<div id="ikona">
<img src="kontakt.png" id="back"/>
</div>

<span id="nazwa">kontakt</span>
<hr id="linia">

</a>
</div>

i to niby działa, poza tym, że mam 4 pozycje w menu i pierwsza ma zawsze większy obrazek od pozostałych - nie wiem czym to jest spowodowane.
no i nie działają te zmiany po najechaniu myszką o których wspominałem.

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: 11.10.2025 - 02:32