gaby Posted November 25, 2007 Report Posted November 25, 2007 In primul rand trebuie sa aveti doua poze, de exemplu: Buton1: Buton2: Apoi adaugati intr-o pagina html codul de mai jos: <html> <head> <style type="text/css"> a.image { display: block; width: 145px; height: 29px; background-image: url(buton1.bmp); background-repeat: no-repeat; } a.image:hover { background-image: url(buton2.bmp); } </style> </head> <body> <center> <a class="image" href="http://pctroubleshooting.o" target="_blank"></a><br> </center> </body> </html>[/html] Click [b][color=red]aici[/color][/b] pentru a vedea rezultatul. 1 Te-ai inregistrat? Ne-ar placea sa te prezinti. Cum pot sustine forumul? Cumpara de la eMag folosind acest link. --------------------
eutu9 Posted February 7, 2008 Report Posted February 7, 2008 Un rollover ceva mai destept se face javascript. Daca ati observat cand duci mouse-ul pe imagine prima oara atunci incepe sa incarce imaginea a 2a si in majoritatea cazurilor se vede ca a 2a imagine intra cu intarziere. Noua webmasterilor ne cam e rusine cu asa ceva asa ca daca vrem sa ocolim situatia aceasta folosim javascript pentru a descarca si cea de a 2-a poza la descarcarea paginii de pe server si asa se evita intarzierea aparitiei imaginii 2. Nu o sa incep sa explic faza asta la sectiunea css, dar daca vrei sa realizezi un rollover cu javascript iti recomand sa folosesti Adobe(ex. Macromedia) Dreamweaver, il realizezi in 3 clickuri.
gaby Posted February 7, 2008 Author Report Posted February 7, 2008 am facut rollover-ul si in java script, numai ca l-am postat in categoria potrivita. link aici: http://pctroubleshooting.ro/index.php?showtopic=2740 Te-ai inregistrat? Ne-ar placea sa te prezinti. Cum pot sustine forumul? Cumpara de la eMag folosind acest link. --------------------
CodyRo Posted March 17, 2012 Report Posted March 17, 2012 Iti multumesc. Am cautat destul pana am dat ce acest cod reusit care mi se potriveste in pagina mea.
Recommended Posts
Please sign in to comment
You will be able to leave a comment after signing in
Sign In Now