Kezdőoldal » Számítástechnika » Weblapkészítés » Hogyan kell olyan weboldalt...

Hogyan kell olyan weboldalt készíteni, hogy gombnyomásokra a weboldal bizonyos pontjaira ugorjon?

Figyelt kérdés

[link]

Ezen a weboldalon a jobb oldali pontok segítségével lehet ugrani az oldal bizonyos pontjaira. Ezt hogyan lehet megcsinálni?

Html+css segítségévelmeglehet ezt oldani?



2014. júl. 5. 11:08
 1/9 anonim ***** válasza:
2014. júl. 5. 11:24
Hasznos számodra ez a válasz?
 2/9 anonim ***** válasza:
Hát ezt sehogy. Mert ebben van flash is ahogy néztem. Bár JSel megoldható hasonló.
2014. júl. 5. 11:25
Hasznos számodra ez a válasz?
 3/9 A kérdező kommentje:
Első hozzászóló, ilyenre gondoltam. Ezt mivel kell csinálni? Script segítségével csinálják meg, hogy a menüelemek választásától ugrik a kép?
2014. júl. 5. 11:30
 4/9 anonim ***** válasza:

Az első válaszban kapott linken a cuccokat ha elolvasnád, értenéd.

Egy konkrétan erre való script van ott.

2014. júl. 5. 11:31
Hasznos számodra ez a válasz?
 5/9 anonim ***** válasza:
100%

Hát step 1

bemásolod ezt a head részbe script tag-ek közé

$(function() {

$('a[href*=#]:not([href=#])').click(function() {

if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {

var target = $(this.hash);

target = target.length ? target : $('[name=' + this.hash.slice(1) +']');

if (target.length) {

$('html,body').animate({

scrollTop: target.offset().top

}, 1000);

return false;

}

}

});

});

meg persze az aktuális jquery-t is .

[link]


a menüben az "a" tag mutasson így Href="#AhovaAkarod"


Alul pedig ahova szeretnéd

<h1 id="AhovaAkarod">Ez a főcím ahova leugrik a horgony</h1>


Ezt így konyhanyelven!

2014. júl. 5. 13:05
Hasznos számodra ez a válasz?
 6/9 anonim ***** válasza:

Mennie kell HTML-lel is:

[link]

Example rész első két példasora. Az első a cél, a második maga a link.

Viszont ekkor azt hiszem, hogy a lapot újratölti és ilyen szép átmenet sincs, csak ha CSS-t is dobsz mellé.

G.

2014. júl. 5. 13:18
Hasznos számodra ez a válasz?
 7/9 anonim ***** válasza:
A körök a-k és a hrefjük egy jquery animate funkció. Már írtam ilyet.
2014. júl. 5. 21:52
Hasznos számodra ez a válasz?
 8/9 anonim ***** válasza:
#5 -ös válaszoló kódja egy egyszerű példában: [link]
2014. júl. 5. 22:25
Hasznos számodra ez a válasz?
 9/9 anonim válasza:
Okay
2020. aug. 4. 06:28
Hasznos számodra ez a válasz?

Kapcsolódó kérdések:




Minden jog fenntartva © 2024, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu

A weboldalon megjelenő anyagok nem minősülnek szerkesztői tartalomnak, előzetes ellenőrzésen nem esnek át, az üzemeltető véleményét nem tükrözik.
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!