[ alfa-pro @ 11.03.2010. 13:28 ] @
Radim sajt za jedan tattoo studio i njima se svidja ovaj ovekan menija kao sto je na ovome sajtu
http://dizajn.fit.edu.rs/
Nisam do sada imao susret sa ovakvom navigacijom sa tim klizacem (scrollerom)
Jel to JS? jQuery?

Jel postoji gotova scripta ili zeli neko da mi pojasni kako to odraditi?

Sa html-om, css, JS, PHP, SQL -om stojim dobro sada nikako mi ne pada na pamet kako ovo izvesti mozda je i AJAX u pitanju pa bolje vas da pitam!!!

Unapred Hvala
[ Goran Rakić @ 11.03.2010. 13:40 ] @
Postaviš sidro u dokument zadavanjem jedinstvenog id atributa:
Code:
<div id="naslovna">Ovo je naslovna</div>

Umesto <div> može biti bilo koji drugi element. Postoji i name atribut za <a> koji možeš da upotrebiš.

Sada napraviš vezu ka ovom sidru:
Code:
<a href="#naslovna">Naslovna</a>

Sve to je opisano u http://www.w3.org/TR/html401/struct/links.html#h-12.2.3

Preglednik će sam da skoči na taj deo stranice kada se klikne na vezu. E sada ostaje još da se doda animacija, za to su oni koristili localscroll jquery dodatak.
[ alfa-pro @ 11.03.2010. 14:21 ] @
OK to sam sredio radi lepo a sada imama problem kako da ubacim animaciju??

[Ovu poruku je menjao alfa-pro dana 11.03.2010. u 16:12 GMT+1]
[ th33nd @ 10.05.2010. 02:46 ] @
Jeste da je prošlo neko vreme od poslednjeg posta i ne znam da li si uspeo da rešiš "problem", ukoliko sam shvatio šta zapravo želiš..onda bi ovo trebalo da ti pomogne. U pitanju je prost javascripting i imaš skoro identičan primer na w3school...elem

Code:
<html>
<head>
<script type="text/javascript">
function mouseOver()
{
document.getElementById("b1").src ="b_blue.gif";
}
function mouseOut()
{
document.getElementById("b1").src ="b_pink.gif";
}
</script>
</head>

<body>
<a href="http://www.w3schools.com" target="_blank">
<img border="0" alt="Visit W3Schools!" src="b_pink.gif" id="b1"
onmouseover="mouseOver()" onmouseout="mouseOut()" /></a>
</body>
</html>


Preuzeto sa w3school
Pozdrav.